umi 常用配置

我会带着你远行 2021-07-24 21:18 1922阅读 0赞

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

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzI5NDU2MA_size_16_color_FFFFFF_t_70]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzI5NDU2MA_size_16_color_FFFFFF_t_70]: /images/20210724/ea028ad452b4404fae68889bf8fe68eb.png