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

前言

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

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


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

出错源代码

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

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
	}
})

此时,就正常了:
在这里插入图片描述

发布了275 篇原创文章 · 获赞 437 · 访问量 87万+

猜你喜欢

转载自blog.csdn.net/weixin_44198965/article/details/104714569