Spring Boot React| Package.Json |“proxy”在云上部署时不工作- Vercel

dluptydi  于 2023-05-17  发布在  Spring
关注(0)|答案(1)|浏览(138)

我用create-react-app创建了一个基本的React应用程序和一个简单的Sping Boot 后端服务。在react应用程序中,我将'proxy'添加到package.json文件中,该文件指向部署在铁路上的Sping Boot 后端。
“proxy”:https://has-backend-production.up.railway.app
在本地测试时,React通过代理调用Sprint Boot Rest API,一切正常。当我将其部署到Vercel时,代理无法工作。我用我的本地React示例测试了Sping Boot 服务(在铁路上),一切都按预期工作。当我将React应用程序部署到Vercel时(在运行NPM RUN BUILD之后),代理无法工作。它给出以下错误

Github回购
前端-https://github.com/harmanmalhotra/HAS-Frontend
后端-https://github.com/harmanmalhotra/HAS-Backend
package.json文件-https://github.com/harmanmalhotra/HAS-Frontend/blob/master/package.json
我的网站链接-https://has-frontend.vercel.app/
如果有人知道如何解决这个问题,请帮助。我在这件事上纠结了很长时间。

ni65a41a

ni65a41a1#

可以创建一个config对象,并根据env选择base_url。在本地,它将选择开发URL,而在铁路上,它将使用生产。

const configs = {
  development: {
    SERVER_URI: 'localhost:8080',
  },
  production: {
    SERVER_URI: 'Railway_URI',
  },
};

module.exports.config = configs[process.env.NODE_ENV];

然后像这样使用axios

axios.get(`${config.SERVER_URI}/name`).then(res=>({...}))

相关问题