vue-cli项目无法用ip访问

最新推荐文章于 2024-08-11 22:29:42 发布
最新推荐文章于 2024-08-11 22:29:42 发布
阅读量840 收藏
点赞数 3
CC 4.0 BY-SA版权
分类专栏： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/K152_8747/article/details/87720679
本文介绍如何在Webpack配置文件中修改host属性，从localhost改为0.0.0.0，以便通过本机IP地址访问项目。具体步骤包括在build目录下的webpack.dev.conf.js中查找host属性，并参照config.dev.host进行修改。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

在build目录下有一个webpack.dev.conf.js的配置文件，其中的host属性取自 host: HOST || config.dev.host 

所以要去看一下config.dev.host，在config目录下index.js文件中找到dev对象的host属性（原来的是localhost，改成0.0.0.0）

这样就可以使用本机IP访问项目了。

 

vue-cli3项目打包后自动化部署到服务器的方法
10-14
Vue CLI 3 是 Vue.js 官方提供的一个用于快速搭建 Vue 项目开发环境的命令行工具，它简化了项目的初始化和构建过程。然而，当项目开发完成后，我们需要将其打包并部署到服务器上供用户访问。这里我们将详细讲解如何...
vue-cli项目无法用本机IP访问的解决方法
10-17
今天小编就为大家分享一篇vue-cli项目无法用本机IP访问的解决方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
解决新版的vue-cli后无法通过ip访问vue项目
weixin_34130269的博客
12-20 1857
今天遇到个问题，之前一直没遇到过，通过vue-cli脚手架搭建的项目，只能通过localhost访问，不能通过IP地址访问。 这是由 webpack 导致的，2017年11月12日的时候 webpack 升级，导致 /config/index.js 里面的配置项多了几项 其中一项就是 dev 中多了： 这样做能禁止局域网内的其他设备访问你的项目，如果想让其他设备通过IP访问你的项目，可以...
解决vue-cli项目无法用本机IP访问的问题
shenzhen_zsw的专栏
08-30 5754
所遇问题 启动vue-cli项目服务，用本机IP无法访问此网站，拒绝了我们的链接请求。从而无法从手机上预览效果 原因分析 在我们的bulid目录下有一个webpack.dev.config.js的配置文件，发现devServer对象里的host属性取自process.env.HOST || config.dev.host。   于是这里我们去查看config.dev.host。在我们的con...
关于vue项目运行时候，别人无法通过我的IP地址来访问我的项目问题。
全栈科学家的博客
12-05 3548
本地运行的项目可以通过local host来访问，而有时候同事之前或者自己通过手机来访问我运行的项目的时候，必须要使用IP地址才可以访问。但是问题就在于IP访问不了。
vue-cli启动本地服务局域网不能访问的原因分析
01-19
1.问题描述：  本地vue-cli启动了一个项目只能通过localhost:8080访问到，同一局域网下其他的手机和电脑并不能通过ip地址...PS：下面看下vue-cli起的webpack项目 用localhost可以访问，但是切换到ip就不可以访问 我用
Vue-cli项目无法使用ip访问
素钗一生推
08-01 844
如题： 可能原因如下： 1.缺少host参数 修改为如下即可 "scripts": { "dev": "webpack-dev-server --inline --progress --host 0.0.0.0 --config build/webpack.dev.conf.js", ... } 2.开启了一些透过ip实现翻墙的某些第三方软件，关闭即可...
vue-cli构建的项目不能通过ip访问
菜得抠拇指
08-31 877
通过vue-cli构建的项目运行的时候只能通过http://localhost  解决办法： 进入 build/dev-server.js  修改 var server = app.listen(port,'localhost') 为 var server = app.listen(port)重新运行就可以正常本机ip访问了
Vue3 - 项目启动后浏览器无法通过ip访问（Network: use --host to expose）
remmus98的博客
08-11 864
vue3+vite项目启动后 无法通过 ip 访问 Network显示 use --host to expose。会使开发服务器监听所有网络接口，这样你的应用可以在本地网络中的其他设备上访问。只需要在 vite.config.ts 中配置以下内容就行了。是一个特殊的 IP 地址，表示所有的网络接口。在 Vite 的配置中，设置。
关于可以通过本地访问前端vue项目，不能通过ip访问的问题
upStar1的博客
07-26 5930
和后端联调，后端要看我的前端页面，输入我的ip和端口，发现访问不了。搜了一下问题，是需要打开项目中config目录中index.js，将dev中的host由localhost修改为0.0.0.0。
vue-cli 启动本地服务局域网不能访问的原因分析
Lujunwei0205的博客
04-06 1194
原文链接：https://lhajh.github.io/vue/2018/02/08/Reason-why-vue-cli-starts-local-service-LAN-not-accessible.html 问题描述 本地 vue-cli 启动了一个项目只能通过localhost:8080访问到，同一局域网下其他的手机和电脑 (包括本机) 并不能通过 ip 地址访问调试 原因 关于这个问题，其实是因为新版 webpack 导致的，因为我们使用 vue-cli 来构建项目的时候，一般都会选..
解决不能通过IP地址访问VUE项目的问题
KimiKudo的博客
07-03 5535
解决不能通过IP地址访问VUE项目的问题问题背景问题解决 问题背景 目前项目是前后端分离的,VUE+SpringBoot,我拷贝下来前端项目在自己机器上运行,能通过localhost+端口号访问,但不能ton过IP地址访问 问题解决 上网找了很多资料,一开始以为是自己后端Java项目的问题,甚至在考虑tomcat的配置,可是tomcat是框架或编译器自带的,并不好修改. 后来发现应该是前端项目的问...
Vue项目无法使用局域网IP直接访问的配置方法
w3h5 by Deshun!
12-20 1629
一般使用 vue-cli 下来的项目是可以直接访问局域网 IP 打开的，比如 192.168.1.11:8080 。但是最近公司的一个项目只可以通过 localhost 访问。 需要配置一下，才可直接用局域网 IP 访问，方法如下： 给 dev 添加--host 0.0.0.0 属性： "scripts":{ "dev":"webpack-dev-server--inline...
vue项目netWork地址无法访问问题解决方案
episode33的博客
06-07 5261
此方案可以解决vue项目 Network: unavailable和network访问失败的问题
vue项目局域网通过ip访问
bocaidada的博客
01-18 3666
使用vue-cli搭建的项目，需要同一局域网都可以通过本机IP地址访问到 在config文件中找到 index.js 文件 中找到下面代码 将此处的host改为0.0.0.0就可以，或许有的小伙伴同一局域网打开ip+端口号开还是不能访问，此时只需要关闭防火墙就好了 查看本机IP 按住win+R，输入cmd 然后输入ipconfig就可以了 ...
解决Vue项目IP地址无法访问（localhost可以访问）的问题？
gaoyaqinglove的博客
08-06 6045
修改项目config目录下index.js文件的host为：0.0.0.0，然后重启服务，即可通过ip访问该项目
vue项目ip地址无法访问_完美解决通过IP地址访问VUE项目的问题
weixin_39571749的博客
12-20 4528
第一步1.将config里面的host设置成0.0.0.0host: '0.0.0.0',2.修改package.json"scripts": {"start": "cross-env NODE_ENV=development webpack-dev-server --inline --progress --config build/webpack.dev.conf.js --host 0.0.0...
踩坑---vue-cli搭建的项目中localhost不能访问
ddtbem4621的博客
05-04 871
只需要在config文件夹里面的index.js文件里面的module.exports下面的dev中的 host:'localhost' 改为 host:'0.0.0.0' ,然后重启服务器 转载于:https://www.cnblogs.com/yunhemeihe/p/10807656.html...
"serve": "vue-cli-service serve"报错
最新发布
03-08
当在Linux系统上尝试通过`npm run serve`启动Vue项目时，如果收到类似`sh: 1: vue-cli-service: Permission denied`的信息，则表明当前用户对于`vue-cli-service`文件缺乏必要的执行权限。为了修正这个问题，应当...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值