Vue Cli + vscode真機除錯
阿新 • • 發佈:2022-02-23
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/