1. 程式人生 > 其它 >Vue Cli + vscode真機除錯

Vue Cli + vscode真機除錯

1 vue-cli3以後工程資料夾中是沒有vue.config.js這個檔案的,所以我們需要自己建立一個

2 npm run serve可以將專案在本地和通過ip方式都跑起來。我們不需要再去配置webpack,
下面的Network後為本機ip地址

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

  Note that the development build is not optimized.
  To create a production build, run npm run build.

3 若想修改埠號

module.exports = {
  // 關閉eslint
  lintOnSave: false,
  //build時去掉map檔案
  productionSourceMap: false,

  devServer: {
    // 代理跨域
    proxy: {
      '/api': {
        target: 'http://39.98.123.211'
      }
    },
    //更改port
    port:80
  }
}

4 在使用手機訪問時,如果你的電腦打開了公網的防火牆,那麼是訪問不到的,需要在windows的防火牆設定中將公網的防火牆關閉。

5 在手機瀏覽器上輸入 http://192.168.43.200:8080/