鍍金池/ 問答/HTML/ 新版vue-cli 使用webpack dev server 作為開發(fā)服務環(huán)境,

新版vue-cli 使用webpack dev server 作為開發(fā)服務環(huán)境,無法通過ip+port 方式 進行真機調試

最近 使用 vue-cli 自動部署 vue-webpack 的形式 搭建新的項目架構, 發(fā)現 與以往的文件結構 有一定變化,開發(fā)環(huán)境下 vue使用 了 webpack dev server 作為 開發(fā)環(huán)境下的服務端(以前是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"
      },

請問有沒有大神 遇到 這樣的問題?如何解決?

回答
編輯回答
我以為

webpack-dev-server代理服務還沒這么強。
一般想要ip:port在真機訪問,我常用的是打包,讓后nginx代理指向dist

2018年1月25日 04:46
編輯回答
淺時光

可能是用了什么不兼容的方法 報錯了就顯示空白
你有部分手機能正常訪問 說明不是webpack的問題

2017年12月23日 11:07
編輯回答
菊外人

簡單點,config/index.js下host給
設置成本機ip然后通過ip+port訪問

2017年9月8日 22:43