时间戳

首页 > 解决方案 > React-connected-router 无法显示来自基本名称的图像

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

问题描述

我已将 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" />

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

标签： reactjsconnected-react-router

解决方案

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

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

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

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

推荐阅读