鍍金池/ 問答/HTML/ vue-cli模板更新了,同往手機(jī)訪問不到了頁(yè)面了?

vue-cli模板更新了,同往手機(jī)訪問不到了頁(yè)面了?

沒更新前下載得模板打開npm run dev 開啟8080端口,然后同一個(gè)網(wǎng)絡(luò)下得手機(jī)是也可以訪問得,現(xiàn)在vue-cli模板更新了訪問不到了,有誰(shuí)知道怎么設(shè)置???

回答
編輯回答
淺淺

本地可訪問外網(wǎng)不可訪問一般是由于程序監(jiān)聽的host為127.0.0.1,需要改為0.0.0.0。

Vue默認(rèn)模板使用webpack-dev-server啟動(dòng)的,閱讀文檔可知webpack-dev-server有若干可配置項(xiàng)。其中--host <hostname/ip>: hostname or IP. 0.0.0.0 binds to all hosts.是我們需要的。

默認(rèn)我們使用npm run dev啟動(dòng),那么我們需要修改package.json

{
  "scripts": {
    "dev": "cross-env NODE_ENV=development webpack-dev-server --open --hot --host 0.0.0.0",
}
2018年5月2日 08:08