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

IT技术 reactjs axios
2021-05-14 10:17:14

我的 package.json 中有以下行(react应用程序)

"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 但没有找到合适的解决方案。

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