umi 常用配置

在.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' : '' },
		    },
		  },

在这里插入图片描述

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值