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

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

## 前言 ##

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

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

--------------------

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

## 出错源代码 ##

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

uni.request({ 
    	method: 'POST',
    	url: 'http://www.wangketong.icu/php-server/index.php',
    	data: { 
    		subject: this.subject,
    		result: this.result
    	}
    })

## 解决 ##

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

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

此时，就正常了：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDE5ODk2NQ_size_16_color_FFFFFF_t_70 2]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDE5ODk2NQ_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200307145839900.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDE5ODk2NQ==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDE5ODk2NQ_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20200307150011421.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDE5ODk2NQ==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDE5ODk2NQ_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/20200307151034818.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDE5ODk2NQ==,size_16,color_FFFFFF,t_70