Axios在create-react-app托管服务器上使用代理发布不起作用

Question

我的package.json（反应应用）中有以下一行

"proxy": "http://www.demoapp.com"

我正在使用REST-API调用请求数据

axios.post('/user_data', { // http://www.demoapp.com/user_data
        id:id
    })
    .then((response) => { 
        console.log(response);
    })
    .catch((error) => {

    });

如果我在本地系统中使用上述代码，效果很好，但是如果我构建了一个项目并上传到托管服务器代理中，则该代码不起作用。

有人知道解决方案吗？我也已在github中签入，但未找到正确的解决方案。

Answer 1

我认为您应该在axios配置中定义代理，如果应将其全局应用到每个请求，则可以使用此代码定义全局axios默认https://github.com/axios/axios#config-defaults

import axios from 'axios';

axios.defaults.proxy.host = "http://www.demoapp.com"
axios.defaults.proxy.port = ...
axios.defaults.proxy.auth.username = ...
axios.defaults.proxy.auth.password = ...