小編給大家分享一下開發(fā)小程序遇到403錯(cuò)誤的解決方法，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

海城網(wǎng)站制作公司哪家好，找成都創(chuàng)新互聯(lián)公司！從網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、成都響應(yīng)式網(wǎng)站建設(shè)公司等網(wǎng)站項(xiàng)目制作，到程序開發(fā)，運(yùn)營(yíng)維護(hù)。成都創(chuàng)新互聯(lián)公司公司2013年成立到現(xiàn)在10年的時(shí)間，我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn)，來保證我們的工作的順利進(jìn)行。專注于網(wǎng)站建設(shè)就選成都創(chuàng)新互聯(lián)公司。

問題分析：

我們知道當(dāng)前端程序向后臺(tái)服務(wù)器發(fā)送請(qǐng)求時(shí)，如果服務(wù)器不允許跨域請(qǐng)求，就會(huì)發(fā)生403錯(cuò)誤（錯(cuò)誤信息為：“Invalid CORS request"）。那么該怎么解決這個(gè)問題呢？

解決方法：

將信任的域配置到CORS允許的源地址列表中，如下代碼所示：

@Bean
public CorsFilter corsFilter() {
   UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
   CorsConfiguration config = new CorsConfiguration();
   config.setAllowCredentials(true);
   config.addAllowedOrigin("http://localhost:3000");
   config.addAllowedOrigin("http://127.0.0.1:3000");
   config.addAllowedOrigin("http://127.0.0.1:55135");
   config.addAllowedHeader(CorsConfiguration.ALL);
   config.addAllowedMethod(CorsConfiguration.ALL);
   source.registerCorsConfiguration("/**", config);
   CorsFilter bean = new CorsFilter(source);
   return bean;
}

對(duì)于微信小程序的開發(fā)，情況有點(diǎn)不一樣，由于微信小程序只允許以域名方式的https連接，因此通過花生殼等內(nèi)網(wǎng)穿透工具，搭建了一個(gè)外部可訪問的公網(wǎng)域名，公網(wǎng)域名指向內(nèi)部地址。

在調(diào)試時(shí)，就遇到了非法的跨域請(qǐng)求這個(gè)問題。其原因是在向后臺(tái)服務(wù)器請(qǐng)求時(shí)，微信開發(fā)者工具在請(qǐng)求頭中，帶上了Origin字段，因此服務(wù)器判斷是一個(gè)跨域請(qǐng)求。通過Fiddler等工具可以抓包看到如下信息：

POST https://xxx.xxx.net/public/login HTTP/1.1Host: sharework.gicp.netConnection: keep-aliveContent-Length: 50Pragma: no-cacheCache-Control: no-cacheOrigin: http://127.0.0.1:55135User-Agent: Mozilla/5.0 (iPhone; CPU iPhone OS 9_1 like Mac OS X) AppleWebKit/601.1.46 (KHTML, like Gecko) Version/9.0 Mobile/13B143 Safari/601.1 wechatdevtools/1.02.1902010 MicroMessenger/6.7.3 Language/zh_CN webview/ token/e011a64b71b385130aa1f595fe48521ccontent-type: application/jsonAccept: */*Referer: https://servicewechat.com/wx955fc9354838fd46/devtools/page-frame.htmlAccept-Encoding: gzip, deflate, br
{"account":"user","password":"defaultPassword123"}

原因就在這里了。如果直接在手機(jī)上預(yù)覽或調(diào)試則不會(huì)遇到這個(gè)問題。

把http://127.0.0.1:55135加入到允許CORS訪問的域中，就可以愉快地開始調(diào)試了。

當(dāng)然，55135這個(gè)端口經(jīng)常會(huì)變化，我暫時(shí)也沒有找到辦法將它固定。目前可以通過下列方法快速找到這個(gè)端口（以windows為例）：

1、tasklist | findstr "wechat"，找到內(nèi)存使用最大的那個(gè)進(jìn)程號(hào)，比如12824

E:\apps\data-integration>tasklist | findstr "wechat"
wechatdevtools.exe           13180 Console                    2     98,572 K
wechatdevtools.exe           11092 Console                    2      7,676 K
wechatdevtools.exe           15276 Console                    2    132,520 K
wechatdevtools.exe           18380 Console                    2    136,748 K
wechatdevtools.exe            8652 Console                    2     26,100 K
wechatdevtools.exe           12824 Console                    2    183,668 K
wechatdevtools.exe           16124 Console                    2     89,524 K
wechatdevtools.exe            1164 Console                    2    103,336 K
wechatdevtools.exe           12616 Console                    2     77,056 K
wechatdevtools.exe           13136 Console                    2     83,312 K

2、netstat -ano | findstr "12824"，找到狀態(tài)為L(zhǎng)ISTENING，且端口唯一的那一行

E:\apps\data-integration>netstat -ano | findstr "12824"
  TCP    127.0.0.1:28475        0.0.0.0:0              LISTENING       12824
  TCP    127.0.0.1:28475        127.0.0.1:61306        ESTABLISHED     12824
  TCP    127.0.0.1:28475        127.0.0.1:61318        ESTABLISHED     12824
  TCP    127.0.0.1:28475        127.0.0.1:61402        ESTABLISHED     12824
  TCP    127.0.0.1:28475        127.0.0.1:61403        ESTABLISHED     12824
  TCP    127.0.0.1:55135        0.0.0.0:0              LISTENING       12824

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

以上是“開發(fā)小程序遇到403錯(cuò)誤的解決方法”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！