解决vue项目内网穿透invalid host header问题

原创
09/23 19:46
阅读数 89

问题场景

使用vue项目内网穿透时,访问时页面出现invalid host header报错

注意:网上很多人说修改vue.config.js添加devServer: {disableHostCheck: true},添加此配置后发现还有错误,因为webpack5已将disableHostCheck遗弃。

解决办法

将disableHostCheck替换为historyApiFallback: true,allowedHosts: 'all'

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
	transpileDependencies: true,
	devServer: {
		allowedHosts: 'all',
		historyApiFallback: true
	}
})
展开阅读全文
加载中

作者的其它热门文章

打赏
0
0 收藏
分享
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部