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

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

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

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。