umi4 打包部署后，刷新页面报404问题解决

最新推荐文章于 2025-04-22 13:56:50 发布

爱与信

最新推荐文章于 2025-04-22 13:56:50 发布

阅读量566

点赞数 1

CC 4.0 BY-SA版权

文章标签： react.js 前端 javascript html5 css chrome npm

本文链接：https://blog.csdn.net/shanshiping/article/details/138723964

将.umirc.ts里面加上 history: { type: 'hash' }
因为umi默认的是 type=browser

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

爱与信

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

react-umi-4.纯前端架构总结篇

echo_Ae的博客

12-08

2038

我们全部基于umi框架实现了 Layou快速布局 ProComponents组件介绍以及使用登录模块首页模块菜单模块管理员模块角色模块动态路由 Layout快速布局 .umirc.ts layout: { name: 'An中台系统', theme: 'pro', locale: true, }, routes: [ { path: '/login', layout: false, component: '@/pages/login'

Umi&React antd pro 增加前缀打包部署后404与刷新找不到资源问题

https://shixuebin.gitee.io/hexo-blog/

04-06

1576

在开发中可能一个项目包含多个子项目，如前端项目和后台管理的项目放在同一个服务器目录中，前端项目地址是 www.xxx.com ，后台管理项目地址是 www.xxx.com/admin。这样会遇到一个问题，本地开发是好的，部署后就会有问题，修复方式需要从两方面下手。

1 条评论您还未登录，请先登录后发表或查看评论

Umi - 刷新后页面报404

kelly0721的博客

03-14

2453

Umi项目刷新后页面报404，hash模式和history模式下的解决方案

umi4.js详解

最新发布

m0_51429350的博客

04-22

1114

在项目根目录创建。

umi打包后如何部署到nginx服务器上，umi打包后部署到服务器上，nginx报错404

眼睛微微笑的博客

01-06

5191

修改.umirc.js配置增加以下几项: publicPath: './', history: 'hash', hash: true, // 清除缓存然后重新打包，丢到nginx上， http://xxx/index.html?phone=‘111111’ 就可以正常访问了 ...

umi框架的前端直接输入路径访问会404

m0_46465060的博客

12-14

1059

UMI 框架是基于 React 的前端应用开发框架，通常情况下直接输入路径访问会出现 404 错误，这是因为 UMI 框架默认是使用前端路由进行页面跳转，而不是传统的后端路由。

ant design pro 2.0 新页面探索 umi 页面404 react

cuandeqin2083的博客

03-12

5280

前言 ant design pro 2.0发布了使用umi作为路由配置，全自动化。开始这个是官方的介绍。根据提示我开始加入我的路由我在最后面另起一行，加入了我的新的路由。名字叫做Test。 component是你具体路由的实际位置（根路径是pages） Ctrl + S 看效果！菜单是出来了为什么404！！通过4个多小时的google，在以为兄台的指点下。我知道了。...

vue项目webpack打包后找不到静态资源、图片，报404问题

lyn1772671980的博客

06-26

7814

修改vue-cli脚手架生成的build文件夹下的utils.js的publicPath:'../../'if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, fallback: 'vue-style-loader', publicPath:'../../'...

如何解决vue/react打包上线之后路由页面刷新就丢失的问题

Debug的博客

07-26

1307

location /{ try_files $uri /index.html; index index.html index.htm index.php; } 通过服务器的nginx配置进行url重写到程序入口index.html,代码如上

vue打包静态资源后显示空白及static文件路径报错的解决

11-19

打包之后打开dist的页面显示空白：这个问题以前就处理过，是打包过程中出现错误频率较高的一种，可能有3处地方会出现这种情况 1、记得改一下config下面的index.js中bulid模块导出的路径。因为打包后的index.html...

umi部署后Safari显示空白页面

03-12

好的，我现在要解决用户在部署Umi项目到Safari浏览器后出现空白页面的问题。首先，我需要回忆一下可能导致这个问题的常见原因，并逐一排查。首先，用户提到的是Safari浏览器显示空白页面，而其他浏览器可能正常。...

【避坑指“难”】React umi项目打包，服务器找不到资源目录，umi.[hash].js Not Found

椰卤工程师的个人博客

10-11

1551

homepage 的作用是设置应用的跟路径，我们的项目打包后是要运行在一个域名之下的，有时候可能是运行在跟域名下，也有可能运行在某个子域名下或或域名的某个目录下，这时候我们就需要让我们的应用知道去哪里加载资源，这时候就需要我们设置一个跟路径，而且有时候我们的资源会部署在 CDN 上，你必须告诉打包工具你的CDN地址是什么。中homepage属性时，build打包之后的文件资源默认路径是。

Antd中使用umi做路由配置，使用跳转页面时出现404的问题

和合河禾何

10-14

4237

结论：在router.config配置路由的时候被引用的路由一定要在引用的component之前定义，否则会出现404。这就是报出的错误，我在create里面的页面创建链接，死活跳转不到account的页面，报的错说要创建该component，可我src/pages的Resource里面是有该component的。但是build完之后首先跳转account的页面的话，在这里跳进crea...

umi 打包发布IIs刷新报404的解决方案

黄正梦的博客

09-15

3149

https://www.cnblogs.com/YahuiWang/p/React-Router-browserHistory-IIS.html

前端页面由umi配置路由，刷新后报404解决办法

niuge8905的博客

10-10

6529

设置history：‘hash’。 https://umijs.org/zh/guide/router.html

umi学习（umi4）

weixin_60968779的博客

03-03

5266

umi学习

umi4使用

Mia的博客

04-18

1531

umi4使用遇到的问题整理

Umi 4 快速搭建项目

qq_38629292的博客

08-02

6484

Umi4已于今年6月份发布，同时支持 Vite 和 Webpack 两种构建方式，对诟病已久的mufs做了优化，另外还支持vue。那我们就来上手搭建下吧。

利用umi实现前端自定义打包

m0_51788889的博客

11-08

4349

umi实现自定义打包，根据不同的命令打包不同的组件或代码