在.umirc.ts中的defineConfig的对象中配置
1、配置是否让生成的文件包含 hash 后缀,通常用于增量发布和避免浏览器加载缓存。
hash:true, 默认为false
2、配置项目的根目录,还需配置第3个
base:'/x/' 默认为'/'
其中:
访问'/x/'路径才能访问项目的根路由
官方解释:
你有路由 / 和 /users,然后设置了 base 为 /foo/,那么就可以通过 /foo/ 和 /foo/users 访问到之前的路由。
修改后,项目打包后的文件引用还是使用的'/'路径,所以还需要进行第3个的配置
3、配置webpack的publicPath.当打包的时候,webpack会在静态文件路径前面添加publicPath的值(接第2个)
publicPath:'/x/'
4、配置项目打包目录
默认情况下项目及其public下的所有文件在打包时会放进dist目录
outputPath:'/x/' 项目打包后会输出到该目录,不用手动创建
5、配置页面标题和路由标题
export default {
title: 'xxx', 页面标题
routes: [
{ path: '/', title: 'Home' }, 路由标题
{ path: '/users', title: 'Users' },
{ path: '/foo', },
],
}
访问/标题是 Home,访问/users标题是Users访问/foo标题是默认的hi。
6、跨域代理
proxy: {
'/api': {
'target': 'http://xx/', 访问/api就相当于访问http://xx/
'changeOrigin': true,
'pathRewrite': { '^/api' : '' },
},
},
umi 常用配置
最新推荐文章于 2024-05-30 14:23:47 发布