开发小程序时遭遇 403 错误的解决办法

GS 1511 2024-07-03

开发小程序遇到403错误怎么解决

问题分析:

我们知道当前端程序向后台服务器发送请求时,如果服务器不允许跨域请求,就会发生403错误(错误信息为:“Invalid CORS request")。那么该怎么解决这个问题呢?

解决方法:

将信任的域配置到CORS允许的源地址列表中,如下代码所示:

图片.png

对于微信小程序的开发,情况有点不一样,由于微信小程序只允许以域名方式的https连接,因此通过花生壳等内网穿透工具,搭建了一个外部可访问的公网域名,公网域名指向内部地址。

在调试时,就遇到了非法的跨域请求这个问题。其原因是在向后台服务器请求时,微信开发者工具在请求头中,带上了Origin字段,因此服务器判断是一个跨域请求。通过Fiddler等工具可以抓包看到如下信息:

图片.png

原因就在这里了。如果直接在手机上预览或调试则不会遇到这个问题。

把http://127.0.0.1:55135加入到允许CORS访问的域中,就可以愉快地开始调试了。

当然,55135这个端口经常会变化,我暂时也没有找到办法将它固定。目前可以通过下列方法快速找到这个端口(以windows为例):

1、tasklist | findstr "wechat",找到内存使用最大的那个进程号,比如12824

图片.png

2、netstat -ano | findstr "12824",找到状态为LISTENING,且端口唯一的那一行

图片.png

3、55135就是我们要找的端口了。

以上就是开发小程序时遭遇 403 错误的解决办法的详细内容。


版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:利用 js 对小程序 css 进行修改的方法
下一篇:微信订阅号与服务号存在的诸多区别
相关文章

 发表评论

暂时没有评论,来抢沙发吧~