vite创建的vue项目公众号本地开发内网穿透

调试微信项目时在自己的电脑做了内网穿透，通过外网域名访问时页面无限刷新，控制台出现一闪而过的错误信息，捕捉后发现是websocket报错。

vite.config.ts

server: {
	hmr: {
		protocol: 'ws',
		host: '127.0.0.1'
	}
},

vue2.0,报错invalid header host
vue.config.js
需要配置

devServer: {
  disableHostCheck:true
}

登陆公众号设置本地调试域名

MP_verify_t0fxPY2KHEkVatEz.txt这个文件放在本地项目跟目录，让免费域名能够访问通过http://xxx.com/MP_verify_t0fxPY2KHEkVatEz.txt,也就是
http://10.50.xx:8080/MP_verify_t0fxPY2KHEkVatEz.txt能够访问，不要提交文件到git

解决微信网页开放标签点击阴影

* { -webkit-tap-highlight-color: transparent !important; }