开发小程序时如何解决403错误(微信小程序错误403)

问题分析:

我们知道，当前端程序向后台服务器发送请求时，如果服务器不允许跨域请求，就会发生403错误（错误消息是“无效的CORS请求”）。那么如何解决这个问题呢？

（学习视频分享:编程视频）

解决方案:

将受信任域配置为CORS允许的源地址列表，如以下代码所示:

@ bean public CORS filter CORS filter（）{ urlbasedcorconfigurationsource source = new urlbasedcorconfigurationsource（）；CORS configuration config = new CORS configuration（）；config . setallowcredentials（true）；config . addallowedorigin（& quot；http://localhost:3000&quot);config . addallowedorigin（& quot；http://127.0.0.1:3000&quot);config . addallowedorigin（& quot；http://127.0.0.1:55135&quot);config . addallowedheader（CORS configuration。所有）；config . addallowedmethod（CORS configuration。所有）；source . registercorsconfiguration（& quot；/* * & quot；，config）；CORS filter bean = new CORS filter（source）；返回bean对于微信小程序的开发来说，情况有点不同。由于微信小程序只允许以域名形式进行https连接，因此通过花生壳等内网穿透工具构建了一个外部可访问的公共域名，公共域名指向内部地址。

调试时，我们遇到了非法跨域请求的问题。原因是当从后台服务器请求时，微信开发者工具在请求头中携带了Origin字段，因此服务器判断它是跨域请求。您可以通过Fiddler等工具抓取包并查看以下信息:

发布https://xxx.xxx.net/public/login HTTP/1.1 host:sharework . gicp . net connection:keep -alive content -Length:50 pragma:NO-cache cache -Control:NO-cache origin:HTTP://127 . 0 . 0 . 1:55135 user -Agent:Mozilla/5.0（iPhone；CPU iPhone OS 9_1类似于Mac OS X）apple WebKit/601 . 1 . 46（KHTML，类似于Gecko）版本/9.0移动版/13B143 Safari/601.1微信开发工具/1 . 02 . 1902010 micro messenger/6 . 7 . 3语言/zh _ CN webview/token/e 011 a 64 b 71 b 385130 aa 1f 595 Fe 48521 c content -类型:应用程序/JSON accept:*/* refer帐户& quot:& quot用户& quot，& quot密码& quot:& quot默认密码& quot}就是这个原因。如果直接在手机上预览或调试，就不会遇到这个问题。

将http://127.0.0.1:55135添加到允许CORS访问的域中，您就可以愉快地开始调试了。

当然，端口55135经常变化，我暂时还没有找到修复的方法。目前可以通过以下方法快速找到该端口（以windows为例）:

1.task list | find str“we chat”，并找到内存使用量最大的进程号，如12824。

e:\ apps \ data -集成& gt任务列表| findstr & quot微信& quotKwechatdevtools.exe 13136控制台2 98 572 Kwechatdevtools.exe 11092控制台2 7 676 Kwechatdevtools.exe 15276控制台2 132 520 Kwechatdevtools.exe 18380控制台2 136 748 Kwechatdevtools.exe 8652控制台2 26 100 Kwechatdevtools.exe 12824控制台2 183 668 Kwechatdevtools.exe 16124控制台2 89 524 Kwechatdevtools.exe 1164控制台2 103 336 kwechatdevtools . exe 12616

e:\ apps \ data -集成& gtnetstat -ano | find str & quot；12824 & quotTCP 127.0.0.1:28475 0.0.0.0:0侦听12824 TCP 127 . 0 . 0 . 1:28475 127 . 0 . 0。1:61306已建立1282 4 TCP 127。0。0。1:28475 127。0。0。1:61318已建立12824 TCP 127。0。0。1:28475 128

相关推荐:微信小程序开发教程

这几篇文章你可能也喜欢：

• 如何实现小程序发送服务通知（小程序如何主动向用户发送通知）
• 如何获取小程序的unionid（如何获取小程序的页面路径）
• 生成海报的示例小程序（Java后端）（微信小程序生成海报演示）
• 什么是小程序？ 有哪些功能？（什么是小程序？有哪些功能？）
• 介绍如何用小程序生成参数二维码（二维码+小程序参数）

本文由主机参考刊发，转载请注明：开发小程序时如何解决403错误(微信小程序错误403) https://zhujicankao.com/118770.html