Vue——Vue專案本地伺服器設定既能localhost訪問又能手機IP訪問
原文連結：vue專案本地伺服器設定既能localhost訪問又能手機ip訪問
在初始化完一個vue專案(基於vue-cli 和webpack)之後，我們可以通過 npm run dev來讓這個專案跑起來。
我們在瀏覽器裡輸入localhost:8080就可以訪問該專案了。
但是要是手機想訪問的話，就得通過ip地址，但當我輸入ip地址進行訪問時，卻發現不行。
於是我找專案的配置檔案，發現config/index.js,有個host的配置項，預設值為“localhost”,我把localhost改成ip地址，重啟，發現可以訪問，但localhost：8080這個地址就沒辦法訪問了。
本著一點強迫症，在網上百度的基礎與向dalao請教的基礎之上，找到了有個解決辦法。既能通過ip地址訪問，也能通過localhost訪問。
步驟1.將index.js中的host的值改為‘0.0.0.0’
步驟2.修改package.json中script下dev的值，在後面加入–host 0.0.0.0 也可以解決
相關文章
- Vue與ASP.NET Core Web Api設定localhost與本地ip地址皆可訪問VueASP.NETWebAPIlocalhost
- Vue開發 localhost 替換成 本機ip無法訪問Vuelocalhost
- 關於vue專案本地執行以後，輸入本機ip不能訪問的問題Vue
- 【訪問本地專案,localhosthost可以,本地ip不可以】localhost
- Nginx配置VUE專案Https訪問NginxVueHTTP
- windows設定僅訪問特定ipWindows
- win10系統設定IIs後本地localhost可以訪問但區域網無法訪問如何解決Win10localhost
- 如何在本地修改Hosts檔案設定域名訪問？
- python--django專案如何設定用自己的iP地址訪問專案PythonDjango
- 設定MYSQL允許用IP訪問MySql
- MYSQL設定允許所有IP訪問MySql
- Vue前端訪問控制方案Vue前端
- vue打包後，訪問不到Vue
- vite+vue3專案配置二級訪問目錄ViteVue
- windows2個本地專案curl訪問Windows
- vue執行後network的IP地址訪問不了Vue
- 網頁訪問Localhost本地埠的趕快升級啦網頁localhost
- MySql修改root密碼、設定IP訪問MySql密碼
- 解決tomcat伺服器下，只能通過localhost，而不能通過127.0.0.1或者本地ip地址訪問的問題Tomcat伺服器localhost127.0.0.1
- 設定mstsc使遠端計算機可以訪問本地磁碟計算機
- django的設定 訪問伺服器端地址設定Django伺服器
- Vue裡邊介面訪問Post、GetVue
- 輕鬆讓別人訪問到自己本地專案
- 模擬ip訪問(附模擬手機訪問)遠端地址
- windows伺服器下指定IP地址遠端訪問伺服器的設定方法Windows伺服器
- 域名訪問和ip訪問引起的http 403問題HTTP
- Spring Boot專案部署伺服器 本地正常 遠端無法訪問問題排錯Spring Boot伺服器
- .htaccess IP訪問限制
- oracle 限定ip訪問Oracle
- vue_cli3.x 跨域訪問Vue跨域
- tomcat高訪問設定問題Tomcat
- 設定oracle資料庫IP訪問限制(IP白名單黑名單)Oracle資料庫
- 記錄 laradock下 guzzle 無法訪問本地專案
- vue-route+webpack部署單頁路由專案，訪問重新整理出現404問題VueWeb路由
- postgresql如何設定外界訪問SQL
- Harbor設定https訪問HTTP
- mysql設定指定ip遠端訪問連線例項MySql
- Nginx設定訪問伺服器某個目錄Nginx伺服器