时间戳

首页 > 解决方案 > 为什么我的 netlify 应用程序将客户端路径名添加到我的 api 请求（使用弹性 beanstalk 托管的后端）？

node.js - 为什么我的 netlify 应用程序将客户端路径名添加到我的 api 请求（使用弹性 beanstalk 托管的后端）？

问题描述

我使用简单的 axios 实用程序在我的反应应用程序中设置了 api 请求。

import axios from 'axios';

const api = axios.create({
    baseURL: process.env.REACT_APP_API_URL,
    headers: {
        // Accept: '*/*',
        'content-type': 'application/json',
    },
});

export default api;

在我的本地机器上。一切都按计划进行。api.get('/somepathname')将向localhost:3000/somepathname. 在通过 netlify 托管的测试站点上（后端由弹性 beanstalk 托管），我的一些请求会将当前前端路由的路径名添加到我的 api 请求中。例如，如果我在我的 netlify 应用程序的 /cart 路由上，api 请求将变为https://test-application-642.netlify.app/cart/somepathname. 我的 public._redirects 文件看起来与此类似（我更改了 url，所以没有人会复制），我在弹性 beanstalk 或弹性容器中看不到任何明显的东西。

/api/*  http://Application-Name.inq-vdklfsowp.us-east-1.elasticbeanstalk.com/api/:splat  200
/*   /index.html   200

有没有人知道如何调试这个问题？我一直在尝试寻找与此类似的问题，但空手而归。

标签： node.jsreactjsamazon-elastic-beanstalknetlify

解决方案

推荐阅读