时间戳

首页 > 解决方案 > 重定向到路由时找不到 React Routing Image

reactjs - 重定向到路由时找不到 React Routing Image

问题描述

# Issue_Solved 解决方案： 内部package.json文件更新-

"homepage": "."

至

"homepage": "https://www.exapmle.com/",

问题 当我将登录页面转到另一个页面时，在本地运行一切正常，但在生产服务器/托管服务上找不到导航栏品牌形象。

登陆页面上的图片：https ://dazzling-yonath-5559e4.netlify.app/static/media/sundarbanX-logo.12b02027.png

个人资料页面上的图片：https ://dazzling-yonath-5559e4.netlify.app/profile/static/media/sundarbanX-logo.12b02027.png

Navbar 组件上的导入图像是：

import LOGO from '../images/sundarbanX-logo.png';

<img onClick={()=>history.push('/')}  
   style={{cursor:'pointer',marginRight: 160 }} 
   src={LOGO} alt="logo" className={classes.logo} />

提前致谢

标签： reactjsreact-router

解决方案

使用require而不是import来导入图像。

const Logo = require('../images/sundarbanX-logo.png');

推荐阅读