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
- Nginx配置VUE專案Https訪問NginxVueHTTP
- 【訪問本地專案,localhosthost可以,本地ip不可以】localhost
- python--django專案如何設定用自己的iP地址訪問專案PythonDjango
- windows設定僅訪問特定ipWindows
- 訪問本地的公網ip
- win10系統設定IIs後本地localhost可以訪問但區域網無法訪問如何解決Win10localhost
- 如何在本地修改Hosts檔案設定域名訪問？
- MYSQL設定允許所有IP訪問MySql
- vue執行後network的IP地址訪問不了Vue
- Vue前端訪問控制方案Vue前端
- vue打包後，訪問不到Vue
- windows2個本地專案curl訪問Windows
- vite+vue3專案配置二級訪問目錄ViteVue
- 網頁訪問Localhost本地埠的趕快升級啦網頁localhost
- Harbor設定https訪問HTTP
- 記錄 laradock下 guzzle 無法訪問本地專案
- 輕鬆讓別人訪問到自己本地專案
- 模擬ip訪問(附模擬手機訪問)遠端地址
- Spring Boot專案部署伺服器 本地正常 遠端無法訪問問題排錯Spring Boot伺服器
- windows伺服器下指定IP地址遠端訪問伺服器的設定方法Windows伺服器
- .htaccess IP訪問限制
- postgresql如何設定外界訪問SQL
- mysql設定指定ip遠端訪問連線例項MySql
- nginx 專案配置 https 訪問NginxHTTP
- localhost拒絕訪問的解決方法localhost
- Nginx設定訪問伺服器某個目錄Nginx伺服器
- vue_cli3.x 跨域訪問Vue跨域
- 雲伺服器如何通過本地安全策略阻止特定IP訪問伺服器？伺服器
- 外網訪問本地sqlserverSQLServer
- 本地Tomcat外網訪問Tomcat
- linux安全篇：禁止頻繁訪問的ip訪問nginxLinuxNginx
- Windows限制訪問指定IPWindows
- PostgreSQL IP地址訪問配置SQL
- `cloudflare`優選`ip`訪問內網伺服器Cloud內網伺服器
- PHPMyAdmin 設定阿里雲rds訪問PHP阿里