微信H5开发，提示redirect_uri参数错误

1、js接口安全域名问题：
参考这位博主写的：
https://blog.csdn.net/weixin_43706634/article/details/84950788?spm=1001.2014.3001.5506

2、redirect_uri参数必须经过URLEncode处理，禁止包含端口号
比如：

https://open.weixin.qq.com/connect/oauth2/authorize?appid=XXXXXXXXXXXXXX
&redirect_uri=http://10.0.31.68:8080/oauth/wechat/logn
&response_type=code
&scope=snsapi_base
&connect_redirect=1
&uin=MTYyMDIzMTg2Y=TrERypUO6N4hKxAQIE97dBBAEAAAAAADhTK6Rc9RUAAAAOpnltbLcz9gKNyK89dVj0scVLEiNvWOeHoixtPvqHNla+FTWERxxSO2JR0OQ
&webdebugger_source=1
&exportkey=n_ChQIAhIQ/n3QoF45hyTrERypUO6N4hKxAQIE97dBBAEAAAAAADhTK6Rc9RUAAAAOpnltbLcz9gKNyK89dVj0scVLEiNvWOeHoixtPvqHNla+FTWERxxSO2JR0OQT+2K2iHAMBXSsX3oG9zdh90oT8JM6SPNCzrifc04SUmJUlJR7lYtAgGW8Be8loQSku0GjyNeO+hcGQkb/mZTJF69BBRCwSZhvepHr2K4YNjuuRyswQEiLWfIuXwX3COys9taGdM+JZdZp3bcl+w==

这里的redirect_uri=http://10.0.31.68:80/oauth/wechat/logn，携带了8080端口，行不通

在vue.config.js中修改

module.exports = {devServer: {port: 80,  // 将端口改为 80...}
}

然后将https://open.weixin.qq.com/connect/oauth2链接里的redirect_uri=http://10.0.31.68:8080改成redirect_uri=http://10.0.31.68即可