我已经浏览了所有其他有关 CORS 错误的问题,但没有运气。我正在 NuxtJS 客户端应用程序中发出一个简单的 POST 请求。如果我使用 axios,我会收到 CORS 错误,但如果我使用 fetch,它就可以正常工作。我想使用 axios,但我无法解决这个问题。服务器设置了正确的“Access-Control-Allow-Origin”标头(删除该标头后,下面的选项都不起作用)。有人知道为什么这适用于 fetch 但不适用于 axios 吗?
失败
await this.$axios({
url,
method: 'POST',
data
})
Run Code Online (Sandbox Code Playgroud)
作品
await fetch(url, {
method: 'POST',
body: JSON.stringify(data)
})
Run Code Online (Sandbox Code Playgroud)
错误消息: 从源“http://localhost:3000”访问位于 {URL} 的 XMLHttpRequest 已被 CORS 策略阻止:对预检请求的响应未通过访问控制检查:无“Access-Control-Allow-Origin”标头存在于所请求的资源上。
在Chrome的网络选项卡中,请求标头显示如下: