ReactJS axios post corse 问题

Question

我正在为 post 使用 axios request.I 收到错误消息 'Access-Control-Allow-Origin' header 不存在于请求的资源

const apiUrl = `${this._url}/${route}`
var headers = {
  'Content-Type': 'application/json',
  'Authorization': 'JWT token' 
}
return  axios.post(apiUrl,data,headers)

但是如果我像下面的代码那样使用参数，它就会起作用。

const _header={ headers: { 'content-type': 'application/json' }, method: 'post', url: apiUrl, params:data } axios(headers) 我想使用参数化的数据。

Answer 1

默认情况下，axios 将 JavaScript 个对象序列化为 JSON。改为以 application/x-www-form-urlencoded 格式发送数据。您可以使用 qs 库对数据进行编码。它会工作正常。

import qs from 'qs'
const _data= qs.stringify(data)
return axios.post(route,_data)

ReactJS axios post corse 问题

ReactJS axios post corse issue

reactjs

axios