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

最新推荐文章于 2024-07-18 16:40:00 发布
最新推荐文章于 2024-07-18 16:40:00 发布
阅读量5k 收藏 2
点赞数 1
分类专栏： umi
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Angely_cc/article/details/103856611
版权

修改.umirc.js配置
增加以下几项:
在这里插入图片描述

 publicPath: './',
  history: 'hash',
  hash: true,	// 清除缓存

然后重新打包，丢到nginx上，
http://xxx/index.html?phone=‘111111’
就可以正常访问了

眼睛微微笑
关注
专栏目录
Umi&React antd pro 增加前缀打包部署后404与刷新找不到资源问题
https://shixuebin.gitee.io/hexo-blog/
04-06 1416
在开发中可能一个项目包含多个子项目，如前端项目和后台管理的项目放在同一个服务器目录中，前端项目地址是 www.xxx.com ，后台管理项目地址是 www.xxx.com/admin。这样会遇到一个问题，本地开发是好的，部署后就会有问题，修复方式需要从两方面下手。
UmiJS CDN 部署之 publicPath
weixin_33754913的博客
05-30 7786
为什么80%的码农都做不了架构师？>>> ...
nginx部署本地umi build项目
weixin_44258574的博客
08-05 1181
nginx部署本地umi build项目
快速上手企业级前端开发：深入理解 UMI 框架
最新发布
ztK63LrD的博客
07-18 2159
UMI是蚂蚁金服的底层前端框架，也是一个基于React的企业级前端应用框架，它提供了开箱即用的项目脚手架和插件化的配置，如路由构建、部署测试、文档工具、请求库等，帮助开发者快速搭建和管理复杂的前端项目，其设计目标是提高前端项目的开发效率和可维护性，尤其适用于大型复杂项目的开发与管理。
Umi3+antd4+ts 项目打包部署到linux服务器上 使用nginx
qq_41856825的博客
09-21 1439
Umi3+antd4+ts 项目打包部署到linux服务器上 使用nginx
umijs项目部署Nginx配置（单页面部署）
1853
02-11 5251
umijs项目部署Nginx配置（单页面部署） location / { root /var/www/dist; try_files $uri /index.html; #此处为单页面部署类型 }
windows虚拟主机_小白 windows 部署 Nginx 并虚拟主机配置 和 mySQL 的部署
weixin_39541750的博客
11-18 194
windows 部署 Nginx 并虚拟主机配置 和 mySQL 的部署一、Nginx 部署并虚拟主机配置 indows 部署 Nginx 的注意事项： 在配置完成虚拟主机后，需要到任务管理器中关闭所有 Nginx 的进程，再重新启动 Nginx ,来确保配置文件生效。1、首先去 nginx 官方网下载 windows nginx 的稳定版本2、下载 nginx 安装包解压后复制到 C 盘的根目录...
umi build打包之后部署报错
热门推荐
heerey525
07-25 1万+
需求：umi 打包 步骤：npm run build ( umi build) 情况： 原因：1、没有找到umi.css、umi.js； 2、在非根目录下部署 解决方法： 方法1、https://www.jianshu.com/p/4ac1daa06521 npm run build cd ./dist serve -s 方法2、https://umijs.org/zh...
Vue+Koa2 打包后进行线上部署的教程详解
10-16
接下来，你需要把这些打包后的静态资源引入到 Koa2 服务器中。假设你的 Koa2 项目有一个 `public` 目录，你可以将 `dist` 文件夹拷贝到 `public` 下。在 Koa2 的主配置文件 `app.js` 中，你需要配置静态资源服务。...
vue打包静态资源后显示空白及static文件路径报错的解决
11-19
今天使用vue打包（npm run build）遇到了几个坑，在这里分享给大家 打包之后打开dist的页面显示空白： 这个问题以前就处理过，是打包过程中出现错误频率较高的一种，可能有3处地方会出现这种情况 1、记得改一下...
本地vue项目部署到云服务器
weixin_43788771的博客
08-01 1014
将本地vue项目部署到云服务器上
记一次umi开发后台管理系统的基础使用
01-08
先介绍一个umi,阿里开源的一个企业级可插拔的react脚手架, umi相对比react官方推荐的脚手架更加的简单,更贴近vue-cli的使用感受,而本文仅仅介绍基础使用方法,高手请绕行 开发展示 仿叮咚买菜后台管理系统预览: http://dingdong-admin.nodebook.top/ 仿叮咚买菜 前台页面: http://dingdong.nodebook.top/ 叮咚买菜后台管理系源码: https://github.com/cgq001/dingdong-admin 叮咚买菜源码: https://github.com/cgq001/dingdong 功能说明: 演示动图
umi + express + mysql 单页面应用部署阿里云服务器记录
十七的博客
10-15 805
1. 初始化服务器 1. 选择node服务器，进行初始化 2. 点击远程登录服务器，与服务器进行连接 3. 安装centOS相关包，执行命令： yum groupinstall 'Development tools' 4.安装nginx # 添加 Nginx 源 sudo yum install epel-release # 安装 ...
[Nginx 发布项目] 打包后的项目，使用nginx发布
m0_53584457的博客
05-22 737
2.1 在 nginx - conf - host 文件夹下复制拷贝一份 localhsot_80.conf，修改为任意名称。root 是你打的包放的位置 -- 可以直接将打包的项目路径给到root;1.1 直接将打包的文件，例如 ：dist下的文件，直接拷贝到 html 文件夹下。修改后的 nginx 发布的服务，确保nginx发布服务时正常；2.3 需要将之前的nginx任务结束掉，在重新开始。1.2 在浏览器直接输入ip地址就可以访问项目了。输入 ipconfig -- 查看ip地址。
umi 打包发布IIs刷新报404的解决方案
黄正梦的博客
09-15 3051
https://www.cnblogs.com/YahuiWang/p/React-Router-browserHistory-IIS.html
nginx部署前端项目
m0_46495862的博客
02-21 557
【代码】nginx部署前端项目。
前端框架UMI构建nginx镜像和开发环境的前端效果不一样
WZP_LOVE的专栏
11-17 754
前言 前端使用UMI框架开发，基于jenkins+gitlab+docker自动化构建出来的nginx镜像，在服务器上的展示的前端页面效果总和前端同事的本地开发环境不一致，但是yarn是没有报错的。 解决方式 之所以jenkins构建出来的前端镜像在服务器上运行的页面效果跟前端同事开发环境不一致，是因为在执行yarn之前，自动化构建的工作区里面的前端文件不是完整的UMI的代码。 为啥？因为对linux的cp命令的细节点的认知不够。 通常拷贝某个目录下的文件到另外一个目录，想到的命令一般是递归复制，
umi官方文档中的常见API
你是我修复不了的bug，但我会用一生去维护
05-24 3131
umi官方文档中的常见API 基本API dynamic 动态加载组件 常见使用场景：组件体积太大，不适合直接计入bundle中，以免影响首屏加载速度。例如：某组件HugeA包含巨大的实现/依赖了巨大的三方库，且该组件HugeA的使用不在首屏显示范围内，可被单独拆出。这时候，dynamic就该上场了 为什么使用dynamic：封装了使用一个异步组件需要做的状态维护工作，开发者可以更加专注于自己的业务组件开发，而不必关心code spliting、async module loading等等技术细节 通常搭配
vue history路由模式 部署Nginx
右边疯子_的博客
11-26 1128
1、设置 路由模式为 history 2、添加base （非常重要，否则首页加载白屏），路径是相对于域名映射的路径 3、修改Nginx配置 export default new Router({ mode: 'history', //设置mode base:'/web/bjsubway/', //设置base routes: [ { path: '/', redirect: '/map' }, { path: '/.
umi项目打包后白屏
10-25
umi 是一个基于 React 的前端框架，打包后出现白屏可能有多种原因，以下是一些可能的解决方案： 1. 检查路由配置是否正确，确保路由能够正确匹配到对应的组件。 2. 检查是否存在语法错误或者逻辑错误，可以通过在代码中添加 console.log() 来进行调试。 3. 检查是否存在依赖冲突或者版本不兼容的问题，可以尝试升级或者降级相关依赖。 4. 检查是否存在资源加载失败的问题，可以通过浏览器的开发者工具查看网络请求是否正常。 5. 检查是否存在缓存问题，可以尝试清除浏览器缓存或者使用无缓存模式重新加载页面。 如果以上方法都无法解决问题，可以尝试在 umi 的 GitHub 仓库中提出 issue 寻求帮助。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值