首页 > 解决方案 > 如何配置 axios 请求到特定的/只需编写路径,而不必每次都对域名进行硬编码

问题描述

嘿伙计们,我正在做一个使用 Python 作为后端并使用 React 作为前端的项目。一切正常。部署到 heroku 后,我将所有 axios 请求 URL 更改为我的域名。但我意识到,如果我更改我的域名,我每次都必须更改我的 react 应用程序中的 axios URL。我已经使用 redux 对 CRUDL 和所有类型的身份验证执行 axios 请求。我知道这听起来很愚蠢,但是有没有办法通过每次发出请求时只提供路径名来配置对特定域名的所有 axios 请求?谢谢

标签: pythondjangoreactjsherokuaxios

解决方案


设置 axios 默认是这样的:

axios.defaults.baseURL =
  process.env.NODE_ENV === "production"
    ? process.env.REACT_APP_PROD_URL
    : process.env.REACT_APP_DEV_URL;

然后在你的 .env 文件中

REACT_APP_PROD_URL="https://api.example.com"
REACT_APP_DEV_URL="http://localhost:8000"

推荐阅读