通过vue-cli创建的项目，如何通过本地ip来访问到

Question

‘npm run dev’之后，http://localhost:8080/#/可以正常显示页面了。但是我想在手机上看效果，于是改成http://192.168.50.127:8080/#/，却报错了，404.请教各位，我该怎么配置一下，才能通过本地pi访问。麻烦各位了！

Answer 1

配置webpack.config.js的host为192.168.50.127,port为8080

参照我在sf上回答的同样的问题：webpack-dev-server --host 0.0.0.0 问题

Answer 2

你试一下build/dev-server.js,将其中的var uri = 'http://localhost:' + port改成你的
var url="http://192.168.50.127"+port

Answer 3

"dev": "cross-env NODE_ENV=development webpack-dev-server --open --inline --hot --host 192.168.."

Answer 4

nginx 代理转发到本地localhost: 端口号就行

Answer 5

想使用其他设备访问必须启用web服务器，windows平台下推荐Internet 信息服务(IIS)，Linux推荐Nginx。
如果路由器允许也可以用同样的方法挂在外网上。

Answer 6

根本不需要任何配置，随便起个项目只要同路由就可以访问到，访问不到检查是不是禁止了。

Answer 7

看 使用vue-cli脚手架那些小事
第2部分 使用手机等其它设备访问 npm run dev 后建立的服务器网址

Answer 8

把host改成“0.0.0.0”，设置了自动打开浏览器的话，打开的是0.0.0.0:port，你还得手动改成localhost。

其实解决方案没那么麻烦，直接在hosts里加一条"127.0.0.1 localhost"就行了。