vue-cli模板更新了，同往手机访问不到了页面了？

Question

没更新前下载得模板打开npm run dev 开启8080端口，然后同一个网络下得手机是也可以访问得，现在vue-cli模板更新了访问不到了，有谁知道怎么设置啊？

Answer 1

本地可访问外网不可访问一般是由于程序监听的host为127.0.0.1，需要改为0.0.0.0。

Vue默认模板使用webpack-dev-server启动的，阅读文档可知webpack-dev-server有若干可配置项。其中--host <hostname/ip>: hostname or IP. 0.0.0.0 binds to all hosts.是我们需要的。

默认我们使用npm run dev启动，那么我们需要修改package.json：

{
  "scripts": {
    "dev": "cross-env NODE_ENV=development webpack-dev-server --open --hot --host 0.0.0.0",
}