Axios出现CORS问题

Question

我在package.json中添加了proxy，效果很好，但是在npm run build之后，CORS问题再次浮出水面，有人知道在React中npm
run build之后如何处理CORS问题。

我试图使用各种方法在axios请求中添加标头。但是，我未能在axios请求中添加’Access-Control-Allow-
Origin’：’*’。我的代码如下：

package.json

  "proxy": {
      "*":{ "target" : "http://myurl"}
   }

GetData.js

  axios.defaults.baseURL = 'http://myurl';
  axios.defaults.headers.post['Content-Type'] ='application/json;charset=utf-8';
  axios.defaults.headers.post['Access-Control-Allow-Origin'] = '*';
  axios.get(serviceUrl, onSuccess, onFailure)
  .then(resp => { 
        let result = resp.data;
        onSuccess(result);
  })
  .catch(error => {
        if(onFailure) {
            return onFailure(error);
        }
  })
 }

注意：该功能已从服务器端启用，目前仍无法使用。目前，我无法从服务器端更改代码，我的工作仅限于客户端。

Answer 1

您的服务器应启用跨源请求，而不是客户端。为此，您可以检查该页面，其中包含针对多个平台的实现和配置