uni-app 网络请求提示 OPTIONS xxx 403 (Forbidden)

约定不等于承诺〃 2023-07-12 05:27 40阅读 0赞

前言

使用 uni.request({}) API ，向我的服务器发送了 POST 请求，失败信息如下：
在这里插入图片描述
出错原因：

以 POST 方式进行网络请求时，如果不添加 header 头 是无法进行正常的网络请求的，此时默认的请求方式被认定为 OPTIONS 。

我们再来看看更详细网络请求示意图：
在这里插入图片描述

出错源代码

这是导致以上失败请求的源代码。

  1. uni.request({ 
  2.     method: 'POST',
  3.     url: 'http://www.wangketong.icu/php-server/index.php',
  4.     data: { 
  5.         subject: this.subject,
  6.         result: this.result
  7.     }
  8. })

解决

上面也说了，解决方式就是手动指定 header 请求头。

  1. uni.request({ 
  2.     method: 'POST',
  3.     url: 'http://www.wangketong.icu/php-server/index.php',
  4.     // 手动指定请求头
  5.     header: {  'content-type': 'application/x-www-form-urlencoded' },
  6.     data: { 
  7.         subject: this.subject,
  8.         result: this.result
  9.     }
  10. })

此时，就正常了：
在这里插入图片描述

发表评论

表情：
评论列表 （有 0 条评论，40人围观）

还没有评论，来说两句吧...

相关阅读