【背景】
所用 umi 项目使用的是 spa 模式，开启了 dynamicImport，拆分构建产物。
（不开启 dynamicImport，则不会出现这种问题）
【现象】
1、本地开发：umi dev 启动，一切正常
2、本地打包：umi build 后，serve dist 预览，报 404
【解决方式】
1、history 配置：{ history: { type: 'hash' } }
【缺点】
1）路径会变成 hash 路径： https:xxx.xxx.com/#/xxx
2）如果有 window.location.href = '' 这样的跳转逻辑，这些页面还是会 404（因为这里需要的是 #/xxx 这样的跳转路径）
2、配置 exportStatic: {}
即：让每个页面都输出自己的html，从而确保，使用 history 路由跳转到的每个页面，都能够读到自己的 html，而不会404
【背景】 所用 umi 项目使用的是 spa 模式，开启了dynamicImport，拆分构建产物。 （不开启dy...
作用 打包所有的资源webpack webpack-dev-serve(用于本地预览) 转译代码 构建build ...
【问题背景】 umi 项目，本地使用 dev 启动，一切正常。 build 后，出现样式错乱问题。 按照预期，页面...
以Vue项目为例 本地预览yarn build 之后会有一个dist目录这时需要安装serve（原来的yarn s...
执行完npm run build之后可以用serve来进行预览
初始化 gitbook init 部署 本地部署（内置服务器）gitbook serve 构建gitbook build
进入项目目录npm run serve，在本地进行调试npm run build，打包生成发布文件
一 安装serve npm i serve -g 打包 npm run build serve -S dist 此...
调用摄像头或本地文件上传图片或视频 jsx页面展示 文件预览 预览的样式
背景： 工程结构预览 开始打包 使用方式一（依赖本地仓库） Open
本文标题：umi 本地 build，serve 预览，页面 404
本文链接：https://www.haomeiwen.com/subject/zlfixdtx.html
网友评论