vue項目啟動后沒有局域網(wǎng)地址問題
vue項目啟動后沒有局域網(wǎng)地址
方法一:修改config配置文件
打開項目的config/index.js文件將host: "0.0.0.0"修改為host: '本機(jī)ip地址',
查看本機(jī)IP地址,cmd輸入ipconfig其中IPV4就是IP地址,ip地址好像每次聯(lián)網(wǎng)之后都會變,如果打不開了就查看下IP地址是否變化



方法二:修改package文件的scripts配置
在dev后面加上本機(jī)IP地址
此方法啟動后在終端仍然只顯示一個本地地址,沒有局域網(wǎng)地址,但是我們可以直接在瀏覽器輸入本機(jī)IP地址加:8080端口號查看項目,當(dāng)啟動多個項目時注意端口號會根據(jù)情況而變化


本地啟動vue項目,局域網(wǎng)內(nèi)訪問
1.修改package.json內(nèi)啟動命令 ,在后邊添加 --host 本機(jī)局域網(wǎng)IP

2.打開webpack配置文件 添加 disableHostCheck: true,

3. 重啟項目,關(guān)閉電腦防火墻 ,同一局域網(wǎng)內(nèi)的其他設(shè)備就可以訪問了
總結(jié)
以上為個人經(jīng)驗,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
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)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
vue3+ts+vant移動端H5項目搭建的實現(xiàn)步驟
本文主要介紹了vue3+ts+vant移動端H5項目搭建,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-06-06

