vue.js 如何从vanila JS应用程序发送POST请求?

ykejflvf  于 2023-03-24  发布在  Vue.js
关注(0)|答案(1)|浏览(183)

我创建了一个页面index.html,其中包含一个带有输入的简单表单,当我单击表单按钮时,我想向服务器发送POST请求,但浏览器一直在说:
CORS策略已阻止从源“null”访问“https://api.....”的获取:印前检查响应中的Access-Control-Allow-Headers不允许使用请求标头字段content-type。
请求代码基本为:

fetch('https://api.....', { method: 'POST', data: JSON.stringify({}) })

我没有使用node构建服务器,它只是一个index.html,里面有vuejs 2,我可以在没有服务器的情况下发送这个post请求吗?

zi8p0yeb

zi8p0yeb1#

是的,你可以这样做。
但是,您正在联系的API似乎在其CORS策略中不允许header content-type。包含此header是因为您正在执行包含某些数据的POST请求。
您可以尝试将mode设置为no-cors,但您应该注意,这并不能保证它可以正常工作。

fetch('https://api.....', { method: 'POST', data: JSON.stringify({}), "mode": "no-cors" })

相关问题