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

Question

我的 package.json (react app) 中有以下行

"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 = ...