vue項目實現通過ip地址訪問和localhost訪問方式
vue項目通過ip地址訪問和localhost訪問
為了實現vue項目啟動服務,多個人可以查看,別人可以通過ip+端口訪問
在config文件下的index.js文件中,修改host為:
host: '0.0.0.0',
或者在package.json文件下"scripts"的"dev"后面加上–host 0.0.0.0"
例如:
"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js --host 0.0.0.0",
重啟服務可以看到通過localhost和IP地址都可以訪問到這個服務。


vue項目中把localhost改成ip地址訪問
vue2.0項目中 localhost改成ip地址訪問
config/index.js改成
host: '0.0.0.0',? port: 8888,
打包后index.html空白 修改
webpack.prod.conf.js 里的
publicPath:'./',
vue3項目改成ip地址訪問
1.在項目的根目錄下創(chuàng)建文件vue.config.js
2.在該文件中進行相關配置,從而覆蓋默認配置
module.exports = {
? ? outputDir:"course-analysis", //打包后的項目目錄名稱
? ? publicPath: './',
? ? devServer:{
? ? ? ? host: '0.0.0.0',
? ? ? ? port:8888
? ? }
};以上為個人經驗,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關文章
vue-cli項目如何使用vue-resource獲取本地的json數據(模擬服務端返回數據)
這篇文章主要介紹了vue-cli項目如何使用vue-resource獲取本地的json數據(模擬服務端返回數據),具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-08-08
VUE+Express+MongoDB前后端分離實現一個便簽墻
這篇文章主要介紹了VUE+Express+MongoDB前后端分離實現一個便簽墻,需要的朋友可以參考下2021-04-04
antd Form組件方法getFieldsValue獲取自定義組件的值操作
這篇文章主要介紹了antd Form組件方法getFieldsValue獲取自定義組件的值操作,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2020-10-10
Vue中使用 setTimeout() setInterval()函數的問題
這篇文章主要介紹了Vue中使用 setTimeout() setInterval()函數的問題 ,需要的朋友可以參考下2018-09-09

