反应 - 连接的路由器无法显示来自基本名称的图像

Question

我已将基本名称更改为"/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. 使用start_url="/basename"更新清单.json

3. 将"hompage":"/basename"添加到包.json