ReactJS axios post corse issue

Question

我正在使用 axios 进行发布请求。我收到错误，请求的资源上不存在"访问控制允许来源"标头

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。改为以应用程序/x-www-form-urlen编码格式发送数据。您可以使用 QS 库对数据进行编码。它会正常工作。

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