vue-cli启动本地服务，局域网下通过ip访问不到的原因

最新推荐文章于 2022-10-01 16:26:51 发布
最新推荐文章于 2022-10-01 16:26:51 发布
阅读量987 收藏
点赞数
文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/w244ang/article/details/106541741
版权

1.问题描述： 新开发了一个vue-cli项目，想通过手机查看效果，发现访问不到，ip地址和端口号都没错但是手机访问不到，在本机电脑浏览器输入ip端口号一样访问不到，只能通过localhost:8080访问到，同一局域网下其他的手机和电脑并不能通过ip地址访问调试，
2.原因：vue-cli项目是通过命令行一键生成的，配置文件中默认生成的是本地调试模式，默认访问地址是localhost:8080
3.改正的方式 找到config文件夹下的index.js文件,修改host:“localhost”为 host:“0.0.0.0”,此时同一局域网下的手机和其他电脑能通过ip+端口号查看到页面

w244ang
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue-cli3项目升级到vue-cli4 的方法总结
10-15
主要介绍了vue-cli3项目升级到vue-cli4 的方法总结，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
vue-cli-plugin-multiple-page:基于vue-cli https的buildwatch多页面条目插件
05-30
vue-cli-plugin-multiple-page 一个基于 vue-cli 捆绑多个页面的插件。 与vue-cli's pages配置不同，它是通过将多个页面分片到不同的 webpack 配置来处理的 用法 在你的 vue-cli 创建的项目中安装插件，如果没有请参考 vue add multiple-page 命令 以下是此插件的 3 个命令： init-config : 初始化vue.config.js & Views.json两个文件到你的项目 build-multi : 并行构建多个页面 watch-multi : 并行观看多个页面 你可以在你的项目中使用vue-cli-service [command] 初始化配置 如果你的项目没有对应的文件，命令会生成vue.config.js 、 Views.json文件 多建 该命令将在上面生成配置的位置构建您的条目，您可
vue-cli项目无法用本机IP访问的解决方法
10-17
今天小编就为大家分享一篇vue-cli项目无法用本机IP访问的解决方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
Vue-cli项目无法使用ip访问
素钗一生推
08-01 753
如题： 可能原因如下： 1.缺少host参数 修改为如下即可 "scripts": { "dev": "webpack-dev-server --inline --progress --host 0.0.0.0 --config build/webpack.dev.conf.js", ... } 2.开启了一些透过ip实现翻墙的某些第三方软件，关闭即可...
同一局域网下访问vue项目
qq_43183942的博客
04-15 6264
#同一局域网下访问vue项目 ##同一局域网： 在你的电脑上用快捷键windows + R打开cmd，使用ping + ip地址（想要访问你项目的那台电脑的ip地址），如果成功后就表示你们处于同一局域网下。 ##本机ip地址 在你的电脑上用快捷键windows + R打开cmd，使用ipconfig命令，就可以看到本机ip地址。 ##访问本地项目 当你成功执行上一步，确定你们处于同一局域网下后：在你的项目中找到config文件夹，找到index.js文件，你可以看到host:localhost(默认)，
vue-cli启动本地服务局域网不能访问的原因分析
01-19
1.问题描述：      本地vue-cli启动了一个项目只能通过localhost:8080访问到，同一局域网下其他的手机和电脑并不能通过ip地址访问调试， 2.原因：vue-cli项目是通过命令行一键生成的，配置文件中默认生成的是本地调试模式，默认访问地址是localhost:端口号 3.改正的方式     找到config文件夹下的index.js文件,修改host:“localhost”为 host:”0.0.0.0″,此时同一局域网下的手机和其他电脑能通过ip查看到页面 PS：下面看下vue-cli起的webpack项目 用localhost可以访问，但是切换到ip就不可以访问 我用
关于vue项目本地localhost可以正常访问项目，ip却无法访问项目的解决办法
博哥的二进制世界
09-21 3924
关于vue项目本地localhost可以正常访问项目，ip却无法访问项目的解决办法 在进行本地页面调试的时候，地址栏可以输入两种地址来访问页面 http://localhost:8080 http://192.168.97.15:8080 但是此时碰到了一个问题，即http://localhost:8080可以访问页面，但是 http://192.168.97.15:8080却无法访问页面 首先以为是防火墙的问题，当关闭了防火墙，问题并未解决 之后，修改vue项目中config目录中index.js，将
解决vue-cli项目无法用本机IP访问的问题
shenzhen_zsw的专栏
08-30 5359
所遇问题 启动vue-cli项目服务，用本机IP无法访问此网站，拒绝了我们的链接请求。从而无法从手机上预览效果 原因分析 在我们的bulid目录下有一个webpack.dev.config.js的配置文件，发现devServer对象里的host属性取自process.env.HOST || config.dev.host。   于是这里我们去查看config.dev.host。在我们的con...
vue项目启动后没有局域网地址
weixin_52941842的博客
06-07 2094
vue项目启动后没有局域网地址
关于可以通过本地访问前端vue项目，不能通过ip访问的问题
upStar1的博客
07-26 3633
和后端联调，后端要看我的前端页面，输入我的ip和端口，发现访问不了。搜了一下问题，是需要打开项目中config目录中index.js，将dev中的host由localhost修改为0.0.0.0。
解决局域网内Vue 2x 版本下，项目启动后不能被外部IP访问
xinxiaoyong的博客
09-19 2597
1、序言： 现在在用Vue开发项目的小伙伴，有一些时候，想要在别人的电脑上访问自己的项目。其实也不难，4步让你轻松访问。 2、具体步骤如下： 2.1 修改config文件下的index.js配置文件： 将此处的host的值修改为0.0.0.0(即 host: 0.0.0.0) 2.2 Dos窗口下查看本机的ip地址： 通过ipconfig查看自己电脑的ip地址。 2.2...
解决新版的vue-cli后无法通过ip访问vue项目
weixin_34130269的博客
12-20 1779
今天遇到个问题，之前一直没遇到过，通过vue-cli脚手架搭建的项目，只能通过localhost访问，不能通过IP地址访问。 这是由 webpack 导致的，2017年11月12日的时候 webpack 升级，导致 /config/index.js 里面的配置项多了几项 其中一项就是 dev 中多了： 这样做能禁止局域网内的其他设备访问你的项目，如果想让其他设备通过IP访问你的项目，可以...
vue 启动没有不支持ip，只能localhost
fivestar2009的博客
10-01 599
vue 启动没有不支持ip，只能localhost
vue项目网页访问时，用localhost能访问，但是用本机ip就不能访问
丁哒哒的博客
03-06 6594
vue项目搭建好后，用localhost:8080 访问的时候，能够访问页面。但是用本机ip:8080访问页面的时候失败 只需要修改config/index.js中dev内的host为：0.0.0.0就可以了，如下图 ...
vue项目在使用ip地址加端口号不能访问时
weixin_43756060的博客
02-21 2930
修改package.json文件的scripts属性下的dev属性 加上–host 0.0.0.0后再重启服务器 "scripts": { "dev": "webpack-dev-server --host 0.0.0.0 --inline --progress --config build/webpack.dev.conf.js", "start": "npm run dev...
vue-cli 启动本地服务局域网不能访问(亲测可用)
weixin_44563906的博客
08-15 4549
问题描述 本地 vue-cli 启动了一个项目只能通过 localhost:8080 访问到，同一局域网下其他的手机和电脑 (包括本机) 并不能通过 ip 地址访问调试 原因 这个问题，其实是因为新版 webpack 导致的，因为我们使用 vue-cli 来构建项目的时候，一般都会选择使用的模版是 webpack 。 这次 webpack 升级后，导致 /config/index.js 里面的配置...
Vue项目无法使用局域网IP直接访问的配置方法
w3h5 by Deshun!
12-20 1394
一般使用 vue-cli 下来的项目是可以直接访问局域网 IP 打开的，比如 192.168.1.11:8080 。但是最近公司的一个项目只可以通过 localhost 访问。 需要配置一下，才可直接用局域网 IP 访问，方法如下： 给 dev 添加--host 0.0.0.0 属性： "scripts":{ "dev":"webpack-dev-server--inline...
本地vue-cli启动了一个项目只能通过localhost:8080访问到,同一局域网下其他的手机
最新发布
09-08
本地vue-cli启动的项目默认只能通过localhost:8080访问，这是因为它默认只绑定了本地的IP地址（即127.0.0.1）。如果想让同一局域网下的其他手机也能访问到该项目，可以通过以下方式进行设置： 1. 查找本地IP地址：...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值