Vue3 在vite中运行无法使用外部ip访问

这篇具有很好参考价值的文章主要介绍了Vue3 在vite中运行无法使用外部ip访问。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

使用vite创建的vue项目运行时,只能使用localhost(127.0.0.1)访问,如果使用外部ip,提示使用–host参数,可使用npm run dev --host,不起作用,在host后增加0.0.0.0也不起作用。需要运行npx vite --host 0.0.0.0。还有一个办法,就是在vite.config.js中增加配置server:文章来源地址https://www.toymoban.com/news/detail-603368.html

export default defineConfig({
  plugins: [vue()],
  server: {
    host: "0.0.0.0" 
  },

到了这里,关于Vue3 在vite中运行无法使用外部ip访问的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • nginx vue2+webpack 和 vue3+vite 配置二级目录访问

    我们开发中会遇到这样的需求,让我们用服务器nginx部署一个用域名的二级目录来访问项目 https:xxx/二级目录/ 来放访问项目 目录 思路 1、nginx配置(vue2 和 vue3配置的nginx相同) 2、vue2+webpack的配置 (1)vue.config.js配置 (2)router配置 3、vue3+vite的配置 (1)vite.config.js配置 (

    2024年02月09日
    浏览(58)
  • tauri+vite+vue3开发环境下创建、启动运行和打包发布

    目录  1.创建项目  2.安装依赖   3.启动项目  4.打包生成windows安装包   5.安装打包生成的安装包  运行下面命令创建一个tauri项目 我创建该项目时的node版本为16.15.0  兼容性注意 Vite 需要 Node.js 版本 14.18+,16+。然而,有些模板需要依赖更高的 Node 版本才能正常运行,当你

    2024年01月19日
    浏览(92)
  • Vite启动后提示“Network: use `--host` to expose“,且无法通过网络IP访问服务

    简单来说就是方便自己手机本地访问而查看的 Network地址 当 局域网 中另一台设备需要访问该服务时,必须通过本机 IP + 端口 访问。 尝试访问后,发现找不到这个服务,原因是 没有 将服务暴露在网络中。 解决方法  多种选择方法: 1.修改 vite.config.js 配置 2.通过 Vite

    2024年02月04日
    浏览(50)
  • Vite + Vue3 + Ts 【免key、免账号实战本地运行GPT】

    🐔 前期回顾 Vue3 + Ts + Vite —— 封装庆祝彩屑纷飞 示例_彩色之外的博客-CSDN博客 封装 彩屑纷飞 示例 https://blog.csdn.net/m0_57904695/article/details/131718019?spm=1001.2014.3001.5501 目录  🌍 公网  🛹 本地  🪂  源码  🐔  GPT-4 有识图功能 移动版  🤺 移动版APK安装包  免魔法合集GPT、

    2024年02月16日
    浏览(50)
  • 配置Vite获取内网IP(Vue3项目​ts版本获取本机局域网IP地址)

    参考文章:vue项目获取本机局域网IP地址(vue.config.js版本) 在Vite中,没有vue.config.js文件,而是使用vite.config.js(或vite.config.ts,如果项目使用TypeScript)来配置项目; 1.获取 IP 需要借助  os  模块,需要先安装依赖: 2.其次在vite.config.ts中引用模块  3.接着,添加一个获取本机内

    2024年02月05日
    浏览(45)
  • 【Vue3】手机访问vue项目 || 手机无法访问vue项目 || 手机无法访问vue项目解决方法

    手机 端访问电脑端开发的项目。 手机与电脑连接同一个WiFi(或手机开热点给电脑连),保证手机与电脑在同一局域网。 找到 vue3 的配置文件 - package.json (我这里用的是vite+vue3) 找到dev配置项,输入 –host 0.0.0.0 ,代码如下 图片演示 npm run dev 运行项目,访问Network地址 ,如下图

    2024年02月16日
    浏览(53)
  • vue3+vite运行报错记录:error when starting dev server

    场景:拉完代码执行npm i后运行报错,打包运行代码没问题,说明是本地开发环境的问题。 完整报错信息: 原因:vite-plugin-optimize-persist和vite-plugin-package-config版本相互依赖 解决:   改为:    

    2024年02月15日
    浏览(52)
  • 【快速解决】阿里云ECS使用Docker环境运行软件但公网访问不了

    根据阿里云官网教程基于ECS快速搭建Docker环境进行学习的过程中,发现使用阿里云ECS启动docker内的nginx后,访问公网ip发现访问不到。 教程给的代码是 但阿里云安全组默认是不开放8080端口的 所以根据教程搞不通 只要在安全组里添加一下就可以了,各种参数如下图第一个所示

    2024年02月14日
    浏览(38)
  • vite 使用本地 ip + localhost 访问服务

    在 vite.config.js 中,如果未配置 server.host,默认服务将以 localhost 进行启动,此时我们可以通过 localhost:port 或 127.0.0.1:port 进行应用访问。 启动服务后控制台输出: 如果配置了 server.host 的值为 0.0.0.0,静态资源服务将以 localhost 和本地 Ip 进行启动,此时我们可以通过 localhost:

    2024年02月03日
    浏览(34)
  • 解决vue3+vite项目中引入mockjs失败的问题--无法找到模块“mockjs”的声明文件

     看到上面报错,根据提示 修改声明方式 declare module \\\'mockjs\\\'  我们修改一下引入的声明,发现修改之后仍然报错;    解决方法: 需要在vite-env.d.ts文件中,添加  declare module \\\'mockjs\\\',保存即可  然后就可以正常使用了  

    2024年02月11日
    浏览(49)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包