vue項目不能使用localhost訪問的解決
更新時間：2023年04月24日 09:40:33 作者：云別
這篇文章主要介紹了vue項目不能使用localhost訪問的解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
vue項目不能使用localhost訪問
問題
vue項目不能使用localhost訪問,但是使用本機的ip加端口號是可以訪問的
解決辦法
如果使用的是webstorm的話.可能右下角會有錯誤的提示，打開就會發(fā)現(xiàn)提示win10的防火墻攔截了
所以，關閉防火墻.再次使用localhost訪問
OK，問題解決~
為何vue打包的項目只能localhost才能訪問，本機IP不可以？
1. 在config/index.js,把host:'localhost'改為host:'0.0.0.0',重新編譯即可
ip 0.0.0.0 是什么意思
IPV4中，0.0.0.0地址被用于表示一個無效的，未知的或者不可用的目標。
作用
- 在服務器中，0.0.0.0指的是本機上的所有IPV4地址，如果一個主機有兩個IP地址，192.168.1.1 和 10.1.2.1，并且該主機上的一個服務監(jiān)聽的地址是0.0.0.0 和端口 8080,那么通過這兩個<ip地址:8080>都能夠訪問該服務。
- 在路由中，0.0.0.0表示的是默認路由，即當路由表中沒有找到完全匹配的路由的時候所對應的路由。
用途總結
- 當一臺主機還沒有被分配一個IP地址的時候，用于表示主機本身。（DHCP分配IP地址的時候）
- 用作默認路由，表示”任意IPV4主機”。
- 用來表示目標機器不可用。
- 用作服務端，表示本機上的任意IPV4地址。
網(wǎng)關地址 0.0.0.0 表示直連規(guī)則，即當前記錄對應的 Destination 跟本機在同一個網(wǎng)段，通信時不需要經(jīng)過網(wǎng)關(路由器)。也就是說使用二層交換機通過MAC即可通信。
- 命中容器的路由表直連規(guī)則，意思是目的IP是在局域網(wǎng)內，不用走到出口網(wǎng)關
- 局域網(wǎng)內直接是通過二層網(wǎng)絡來發(fā)送包。
總結
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
vuex存儲數(shù)組(新建，增，刪，更新)并存入localstorage定時刪除功能實現(xiàn)
這篇文章主要介紹了vuex存儲數(shù)組(新建，增，刪，更新)，并存入localstorage定時刪除,本文通過示例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-04-04
這篇文章主要為大家詳細介紹了如何使用Vue實現(xiàn)簡易的車牌輸入鍵盤效果,文中的示例代碼講解詳細,具有一定的學習價值,感興趣的小伙伴可以了解下2023-11-11
vue-cli+webpack在生成的項目中使用bootstrap實例代碼
本篇文章主要介紹了vue-cli+webpack在生成的項目中使用bootstrap實例代碼，具有一定的參考價值，有興趣的可以了解一下2017-05-05
這篇文章主要介紹的是vue 如何實現(xiàn)表單校驗的方法，又代碼詳細解說，感興趣的小伙伴可以參考下面文章的具體內容2021-09-09
這篇文章主要介紹了vue中的scope使用詳解,需要的朋友可以參考下2017-10-10
這篇文章主要介紹了Vue自定義驗證之日期時間選擇器詳解，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-02-02
這篇文章主要為大家詳細介紹了Vue.js實現(xiàn)無限加載與分頁功能開發(fā)實踐，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-11-11
這篇文章主要為大家介紹了解決threeJS加載obj?gltf模型后顏色太暗的方法示例，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-07-07
Vue+Echarts實現(xiàn)分時圖和交易量圖的繪制
近來發(fā)現(xiàn)Echarts?API越發(fā)的強大，對于繪制各類圖形可以使用Echarts實現(xiàn)。本文將利用Echarts實現(xiàn)分時圖和交易量圖的繪制，希望對大家有所幫助2023-03-03
這篇文章主要介紹了關于vue-color-顏色選擇器插件，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-09-09