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

晓晓莺歌2025-10-31 1:07

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中修改

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即可