解决新版的vue-cli后无法通过ip访问vue项目

今天遇到个问题，之前一直没遇到过，通过vue-cli脚手架搭建的项目，只能通过localhost访问，不能通过IP地址访问。

这是由 webpack 导致的，2017年11月12日的时候 webpack 升级，导致 /config/index.js 里面的配置项多了几项

其中一项就是 dev 中多了：

这样做能禁止局域网内的其他设备访问你的项目，如果想让其他设备通过IP访问你的项目，可以把'localhost'改为'0.0.0.0'，

或者在package.json中的

"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js" 改为

"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js --host 0.0.0.0"

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

这时候我又想在手机上访问项目，于是我用手机访问IP地址，发现页面空白（IOS10），我又用安卓打开，发现是有内容的。

这又暴露了一个问题，想要解决也很简单，只需修改config下面的index.js中的'devtool '，将'eval-source-map' 改为 'inline-source-map'

这样就能通过手机访问了。

到此结束，有问题联系QQ 412606846 微信同号

转载于:https://www.cnblogs.com/zlfProgrammer/p/8074539.html

解决新版的vue-cli后无法通过ip访问vue项目相关推荐

❤️关于 idea 安装 Vue 插件后新建文件不显示 Vue Component 的问题及解决方法❤️
关于 idea 安装 Vue 插件后新建文件不显示 Vue Component 的问题及解决方法 1.点击file打开设置settings,打开Editor找到 file and code templ ...
初识Vue CLI 是做什么的？vue cli 目录内容
上一节中给大家简要的简述了VUE CLI的搭建方法,搭建完成项目以会自动生成看到项目的目录,那接下来就研究一下这些目录是做什么的呢接下来我们就看一下这些文件都是什么,vue运行项目时进入的第一个是做 ...
vue搜不到c_vue不是内部命令、安装@vue/cli失败、找不到vue.cmd文件等问题的解决方法...
最近打算用vue-cli写项目,发现用官网提供的安装方式npm install @vue/cli -g怎么都安装不上,一直报如下错误 EPERM: operation not permitted, r ...
安装vue/cli后查看版本显示找不到vue指令
输入vue --version后CMD提示:'vue' 不是内部或外部命令,也不是可运行的程序或批处理文件. 解决方法: 第一步:CMD输入npm config list 找到 perfix 第二步 ...
解决宝塔面板开启HTTS后，Edge不能访问的问题
宝塔开启HTTPS后,使用Edge访问,出现:"您目前无法访问xxxxx.com,因为此网站使用了HSTS". 原因是宝塔使用了自签名的证书,Edge无法验证,按如下步骤即可解决. ...
内网通过映射后的公网IP访问内网服务测试--ASA8.0 hairpin NAT测试
一.测试拓扑: 参考链接:http://blog.csdn.net/boblxs/article/details/8063814 二.基本思路: A.通过配置hairpin NAT使得内网通过映射后的 ...
DotNet Core 2.0部署后外网IP访问
将DotNet Core2.0项目部署在Ubuntu上并且运行后,可以用localhost:5000来访问. 但是如果这时候用外网来访问就不行了. 这时候就有两种解决方案,第一种是用Nginx做代理实 ...
内网通过映射后的公网IP访问内网服务测试--ASA842 hairpin NAT测试
1.测试拓扑: 2.基本配置: R1: interface FastEthernet0/0 ip address 202.100.1.2 255.255.255.0 no shut ASA842: ...
nginx配置域名后的二级目录访问不同项目的配置
场景描述: 通过二级目录(虚拟目录,应用程序)的方式访问同一ip+端口的不同应用,例如location是用户使用页面,location/admin/是管理页面,location部署在192.168.1 ...

解决新版的vue-cli后无法通过ip访问vue项目

解决新版的vue-cli后无法通过ip访问vue项目相关推荐

最新文章

热门文章