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