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)時隨便選的)
這樣就可以了（華為榮耀10值得信賴！）
同一局域網(wǎng)訪問本地Vue項(xiàng)目
需要訪問電腦需要在同一局域網(wǎng)下 | | 連同一個WiFi，這個就不說了吧。懂得都懂。
調(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
然后啟動項(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
然后正常啟動項(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",
},以上為個人經(jīng)驗(yàn)，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了vue監(jiān)聽頁面上的報錯信息,window.onerror和window.addEventListener(‘error‘)的區(qū)別,需要的朋友可以參考下2023-10-10
vue3中使用Apache?ECharts的詳細(xì)方法
最近在做一些數(shù)據(jù)透析的項(xiàng)目需要用到報表圖，那么報表圖好用的有老牌的ECharts，比較新意的AntV，思前馬后的想了一下還是用了Echarts，這篇文章主要介紹了vue3中使用Apache?ECharts,需要的朋友可以參考下2022-11-11
這篇文章主要介紹了el-table如何添加loading效果問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-08-08
本篇文章主要介紹了Vue組件通信實(shí)踐記錄（推薦），小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-08-08
vue3使用echart的兩種引入方式以及注意事項(xiàng)說明
這篇文章主要介紹了vue3使用echart的兩種引入方式以及注意事項(xiàng)說明，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10
今天小編就為大家分享一篇關(guān)于vue中過濾器filter的講解，小編覺得內(nèi)容挺不錯的，現(xiàn)在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧2019-01-01
這篇文章主要介紹了vue組件打包并發(fā)布到npm的全過程，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-01-01
這篇文章主要介紹了vue如何判斷組件進(jìn)入可視區(qū)域問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-10-10
Vue渲染器如何對節(jié)點(diǎn)進(jìn)行掛載和更新
這篇文章主要介紹了Vue 的渲染器是如何對節(jié)點(diǎn)進(jìn)行掛載和更新的,文中通過代碼示例給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作有一定的幫助,需要的朋友可以參考下2024-05-05
vue如何解決el-select下拉框顯示ID不顯示label問題
這篇文章主要介紹了vue如何解決el-select下拉框顯示ID不顯示label問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-06-06