小编典典

Axios出现CORS问题

reactjs

我在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);
        }
  })
 }

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


阅读 2704

收藏
2020-07-22

共1个答案

小编典典

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

2020-07-22