Vue項目設(shè)置可以局域網(wǎng)訪問
更新時間：2022年10月22日 11:33:54 作者：@凌晨三點半
這篇文章主要介紹了Vue項目設(shè)置可以局域網(wǎng)訪問，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
Vue項目設(shè)置局域網(wǎng)訪問
1. 項目根目錄下的package.json中找到
// 添加了 “--host 0.0.0.0” "dev": "webpack-dev-server --host 0.0.0.0 --inline --progress --config build/webpack.dev.conf.js",
2. 關(guān)閉電腦防火墻
根據(jù)自家網(wǎng)絡(luò)類型關(guān)閉相應的防火墻就可以了 我家是專用網(wǎng)絡(luò)（當時隨便選的)
這樣就可以了（華為榮耀10值得信賴?。?/p>
同一局域網(wǎng)訪問本地Vue項目
需要訪問電腦需要在同一局域網(wǎng)下 | | 連同一個WiFi，這個就不說了吧。懂得都懂。
調(diào)試機 ip：192.168.30.100，將 192.168.30.100 改為你自己本機 ip 就OK。
不需要修改配置文件
重啟本地環(huán)境：
yarn run dev --host 192.168.30.100 （ 加紅的 yarn 是關(guān)鍵，不要嘗試用 cnpm 或者 npm ）
需要修改配置文件
方法一：
在 config/index.js 文件中找到 host: 'localhost'，將 'localhost' 改為 192.168.30.100
然后啟動項目： cnpm run dev --host 或 npm run dev --host，此處不需要加 --host + ip
host: '192.168.30.100',
方法二：
在 package.json 文件中找到 scripts ，然后在 dev 命令最后面加上 --host 192.168.30.100
然后正常啟動項目： cnpm run dev 或 npm run dev
"scripts": {
? "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js --host 192.168.30.100",
},以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要為大家介紹了Vue3通用API功能示例剖析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-05-05
這篇文章主要介紹了vant 時間選擇器--開始時間和結(jié)束時間實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-11-11
vant中l(wèi)ist的使用以及首次加載觸發(fā)兩次解決問題
這篇文章主要介紹了vant中l(wèi)ist的使用以及首次加載觸發(fā)兩次解決問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10
本文主要介紹了vue可視化大屏實現(xiàn)無線滾動列表飛入效果，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2022-04-04
在Vue中,強制刷新組件通常涉及到以下幾種方法,本文給大家列出了常見的三種vue強制刷新組件的方法,感興趣的朋友跟隨小編一起看看吧2024-04-04
vite是一個由vue作者尤雨溪專門為vue打造的開發(fā)利器,其目的是使 vue項目的開發(fā)更加簡單和快速,下面這篇文章主要給大家介紹了關(guān)于如何在Vue3+Vite中使用JSX的相關(guān)資料,需要的朋友可以參考下2023-02-02
vue3+vite中使用import.meta.glob的操作代碼
在vue2的時候，我們一般引入多個js或者其他文件，一般使用? require.context 來引入多個不同的文件，但是vite中是不支持 require的，他推出了一個功能用import.meta.glob來引入多個，單個的文件，下面通過本文介紹vue3+vite中使用import.meta.glob,需要的朋友可以參考下2022-11-11
這篇文章主要介紹了vue全局環(huán)境變量和模式的相關(guān)知識，本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-04-04
vue實現(xiàn)對highlight-current-row方式整行選中后修改默認背景顏色
這篇文章主要介紹了vue實現(xiàn)對highlight-current-row方式整行選中后修改默認背景顏色方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-11-11
這篇文章主要給大家介紹了關(guān)于Vue2.x和Vue3.x的雙向綁定原理的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-11-11