新版vue-cli 使用webpack dev server 作为开发服务环境，无法通过ip+port 方式 进行真机调试

Question

最近 使用 vue-cli 自动部署 vue-webpack 的形式 搭建新的项目架构， 发现 与以往的文件结构 有一定变化，开发环境下 vue使用 了 webpack dev server 作为 开发环境下的服务端（以前是express框架 的dev-server.js文件）。
项目搭建之后，在PC 端 正常 运行，然后想在 局域网 通过 ip:port 的形式 用 真机访问，但是ios 上一片空白（据了解 为正常打开 了 index.html, 但是 里面没有插入 webpack-dev-server 编译的js）。
部分 安卓手机 可以 正常访问 页面，但是提示是不安全链接。
以下是我的 package json 配置：

"scripts": {
        "dev": "webpack-dev-server --host 0.0.0.0 --inline --progress --config build/webpack.dev.conf.js",
        "start": "node build/dev-server.js", // 用回以前的dev-server来启动 项目
        "build": "node build/build.js"
      },

请问有没有大神 遇到 这样的问题？如何解决？

Answer 1

可能是用了什么不兼容的方法 报错了就显示空白
你有部分手机能正常访问 说明不是webpack的问题

Answer 2

简单点，config/index.js下host给
设置成本机ip然后通过ip+port访问

Answer 3

webpack-dev-server代理服务还没这么强。
一般想要ip:port在真机访问，我常用的是打包，让后nginx代理指向dist