Vue CLI run serve 始終在本地主機上運行

Question

我有一個使用 Vue CLI 創建的 vue.js 項目和npm run serve ，它始終在本地主機上運行。

我想從我的手機（same.network 中的另一個 IP）訪問，所以我希望服務在0.0.0.0上運行。 我嘗試添加vue.config.js文件並設置主機：

module.exports = {
    publicPath: '/',
    devServer: {
        host: '0.0.0.0',
        port: 8080
    }
}

更改端口工作正常，但忽略主機覆蓋。 這是服務的 output：

App running at:
  - Local:   http://localhost:8080/
  - Network: http://192.168.0.21:8080/

起初我以為它被忽略了，所以我嘗試將主機設置為0.0.0.1並且 output 是“正確的”，所以文件沒有被忽略，只有0.0.0.0被更改為localhost ：

  App running at:
  - Local:   http://0.0.0.1:8080/
  - Network: http://0.0.0.1:8080/

我在一些論壇上看到devServer有一個public選項來設置 URL，但是如果我嘗試設置pubic: 'http://0.0.0.0:8080/'我會得到一個錯誤：

> npm run serve
Debugger attached.

> vue-model-viewer@0.1.0 serve <my project path>
> vue-cli-service serve

Debugger attached.
 INFO  Starting development server...
 ERROR  ValidationError: webpack Dev Server Invalid Options

options should NOT have additional properties

ValidationError: webpack Dev Server Invalid Options

options should NOT have additional properties

我需要在 0.0.0.0 上運行服務器，以便我可以在我的手機上測試它。

任何幫助將不勝感激。

Answer 1

你不應該需要從你的本地機器在 0.0.0.0 上運行它來在你的手機上測試它。 只要它運行的端口對外部流量開放並且您的手機通過 wifi 連接到您的 LAN，您只需將計算機的 IP 地址和端口號輸入為 URL。