vue項目啟動后沒有局域網(wǎng)地址問題
更新時間：2023年09月26日 16:22:28 作者：蕉君桑
這篇文章主要介紹了vue項目啟動后沒有局域網(wǎng)地址問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
vue項目啟動后沒有局域網(wǎng)地址
方法一：修改config配置文件
打開項目的config/index.js文件將host: "0.0.0.0"修改為host: '本機ip地址',
查看本機IP地址，cmd輸入ipconfig其中IPV4就是IP地址，ip地址好像每次聯(lián)網(wǎng)之后都會變，如果打不開了就查看下IP地址是否變化
方法二：修改package文件的scripts配置
在dev后面加上本機IP地址
此方法啟動后在終端仍然只顯示一個本地地址，沒有局域網(wǎng)地址，但是我們可以直接在瀏覽器輸入本機IP地址加：8080端口號查看項目，當啟動多個項目時注意端口號會根據(jù)情況而變化
本地啟動vue項目，局域網(wǎng)內(nèi)訪問
1.修改package.json內(nèi)啟動命令 ，在后邊添加 --host 本機局域網(wǎng)IP
2.打開webpack配置文件 添加 disableHostCheck: true,
3. 重啟項目，關(guān)閉電腦防火墻 ，同一局域網(wǎng)內(nèi)的其他設(shè)備就可以訪問了
總結(jié)
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
在Vue3項目中需要頻繁使用某一個方法,配置到全局感覺會方便很多,這篇文章主要給大家介紹了關(guān)于Vue3使用全局函數(shù)或變量的2種常用方式,需要的朋友可以參考下2023-09-09
vue 數(shù)據(jù)遍歷篩選 過濾 排序的應(yīng)用操作
這篇文章主要介紹了vue 數(shù)據(jù)遍歷篩選 過濾 排序的應(yīng)用操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-11-11
Vue?+?ElementUI表格內(nèi)實現(xiàn)圖片點擊放大效果的兩種實現(xiàn)方式
這篇文章主要介紹了Vue?+?ElementUI表格內(nèi)實現(xiàn)圖片點擊放大效果的兩種實現(xiàn)方式,第一種使用el-popover彈出框來實現(xiàn)而第二種使用v-viewer插件實現(xiàn),需要的朋友可以參考下2024-08-08
這篇文章主要介紹了vue自定義日期組件的實現(xiàn)代碼，代碼簡單易懂，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下2018-11-11
本篇文章主要介紹了vue.js組件化開發(fā)實踐，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-12-12
不同于vue2不需要被use使用,vue3的機制是你的指令必須要被注冊成方法的,這樣你才能全局使用到自定義指令,下面這篇文章主要給大家介紹了關(guān)于vue3自定義指令的相關(guān)資料,需要的朋友可以參考下2022-11-11
這篇文章主要為大家介紹了vue實現(xiàn)前端展示后端實時日志帶顏色示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-11-11
vue實現(xiàn)form表單與table表格的數(shù)據(jù)關(guān)聯(lián)功能示例
這篇文章主要介紹了vue實現(xiàn)form表單與table表格的數(shù)據(jù)關(guān)聯(lián)功能,涉及vue.js表單事件響應(yīng)及頁面元素屬性動態(tài)操作相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2019-01-01
這篇文章主要介紹了如何封裝Vue Element的table表格組件，幫助大家更好的理解和使用vue框架，感興趣的朋友可以了解下2021-02-02
vue3+ts+vant移動端H5項目搭建的實現(xiàn)步驟
本文主要介紹了vue3+ts+vant移動端H5項目搭建，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2022-06-06