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

vue項目如何實現(xiàn)ip和localhost同時訪問

 更新時間：2022年10月22日 14:46:59   作者：成都丁海寅  
這篇文章主要介紹了vue項目如何實現(xiàn)ip和localhost同時訪問，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教

vue實現(xiàn)ip和localhost同時訪問

因為localhost只能在本機訪問，如果想其他電腦訪問或者是移動端訪問需要采用ip來訪問 實現(xiàn)效果

效果圖

1.在webpack.dev.conf.js里面配置messages字段

messages: [
            `App runing at: `,
            `Local: http://localhost:${port}`,
            `Network: http://${require('ip').address()}:${port}`,
          ],

2.其他配置

（1）在package.json配置

 "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js --host 0.0.0.0",

（2）在config/index.js里面配置host字段

host: '0.0.0.0', // can be overwritten by process.env.HOST

注意：在第二步只需要配置（1）或者（2）不需要全部配置，踩坑

vue使用localhost和新ip地址訪問項目

問題描述

項目在本地上啟動，想被其他電腦訪問

原本只要連接局域網(wǎng)輸入地址就可以，但是現(xiàn)在連接網(wǎng)線都實現(xiàn)不了

查過很多關(guān)于ip連接不顯示的資料，都不行

結(jié)果查到的是自己的vue項目問題，更改有效

解決辦法：更改三個文件（我只改了兩個就行）

1、config->index.js

將dev下的host對應數(shù)據(jù)改成：'0.0.0.0'

(后端哥哥說0.0.0.0代表時刻變動的本機ip，你也可以直接改成不變的本機ip，比如我可以改成192.168.0.179，以下所有的都是這樣)

 

2、package.json

把dev對應的數(shù)據(jù)后面加上： --host 0.0.0.0

3、build->webpack.dev.conf.js（我不用改，我本來就是動態(tài)的）

host對應數(shù)據(jù)改成：'0.0.0.0'

至此我的項目就可以運行以后使用本機ip查看啦：

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

相關(guān)文章

最新評論