reactjs - React-connected-router 无法显示来自基本名称的图像

Question

我已将 basename 更改为 '/test'

现在我无法打开同一文件夹中的本地图像

历史.ts

import { History, createBrowserHistory } from 'history';

export const history: History = createBrowserHistory({
  basename: '/test'
});

从 home.tsx （这不起作用）

  <img width="100%" height="600px" alt="" src="./image.jpg" />

如何确保本地图像也将使用基本图像

Answer 1

我找到了 2 个可能的解决方案

1. 使用要求 <img width="100%" height="600px" alt="" src="{require("./image.jpg")}" />

2. 更新 manifest.jsonstart_url="/basename"

3. 添加"hompage":"/basename" 到 package.json