svg - 反应 - 自添加代理以来，公共返回 404 的图像

Question

我将图像设置在内部public/avatars并通过<img src='avatars/my-image1.svg' />

我的应用程序运行在：http://localhost:3001

它工作正常，但因为我在 package.json 中添加了一个代理：

proxy: http://localhost:3000

图像返回 404（未找到）

有谁知道如何解决它？

标签： svgproxyreact-tsx

Answer 1

src/setupProxy.js解决方案是通过（而不是通过 package.json）为端点设置代理

并将以下内容放入其中：

const { createProxyMiddleware } = require('http-proxy-middleware');
module.exports = function(app) {
  app.use(
    '/your_api',
    createProxyMiddleware({
      target: 'http://localhost:3000',
      changeOrigin: true,
    })
  );
};

链接：https ://create-react-app.dev/docs/proxying-api-requests-in-development/#configuring-the-proxy-manually

完整指导的图像