出現Invalid Host header解決辦法
內網穿透
適用場景:
在本地的Vue-cli3項目, 需要其他人瀏覽. 如果沒有外網的服務器, 可以把自己的電腦當做服務器. 這時候需要外網的人能訪問到自己的電腦.
內網穿透工具:
這個有很多, 比如花生殼, Frp, ngrok, 我用的是國內的sunny-ngrok. 使用非常簡單, 根據官網操作就可以.
Invalid Host header
當啟動了sunny-ngrok的客戶端以后, 就這個用sunny-ngrok提供的域名, 來訪問本地的127.0.0.0:8080(端口自己設置), 如果Vue項目啟動, 外網就可以通過域名來訪問Vue項目. 但是如果出現 Invalid Host header, 需要設置一下

vue-cli3中:
// vue.config.js文件中

module.exports = {devServer: {disableHostCheck: true}}

總結

以上是生活随笔為你收集整理的内网穿透访问Vue项目的时候出现Invalid Host header解决办法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。