欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

vue項目實現(xiàn)通過ip地址訪問和localhost訪問方式

 更新時間：2022年09月05日 17:15:27   作者：codernmx  
這篇文章主要介紹了vue項目實現(xiàn)通過ip地址訪問和localhost訪問方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教

vue項目通過ip地址訪問和localhost訪問

為了實現(xiàn)vue項目啟動服務(wù)，多個人可以查看，別人可以通過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",

重啟服務(wù)可以看到通過localhost和IP地址都可以訪問到這個服務(wù)。

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.在該文件中進行相關(guān)配置，從而覆蓋默認配置

module.exports = {
? ? outputDir:"course-analysis", //打包后的項目目錄名稱
? ? publicPath: './',
? ? devServer:{
? ? ? ? host: '0.0.0.0',
? ? ? ? port:8888
? ? }
};

以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。

相關(guān)文章

最新評論