UmiJS .umirc.ts或者config/config.ts文件 中 常用的开发配置

 

import { defineConfig } from 'umi';

export default defineConfig({
  nodeModulesTransform: {
    type: 'none',
  },
  hash:true,// 配置是否让生成的文件包含 hash 哈希后缀，通常用于增量发布和避免浏览器加载缓存
  // base:'/admin/', // 设置路由前缀，通常用于部署到非根目录

  // (修改后重新执行打包命令)可以尝试将 publicPath 设置成 ./ 相对路径 
  // 也可以使用 CDN 部署，把 publicPath 的值设为 CDN 的前缀域名和地址值就可以(打包后的静态文件前缀就会加上这个cdn 连接地址)
  publicPath:'https://www.baidu.com/cdn/',
  outputPath:'bulid', // 修改打包后的文件命名.（注意：不允许设定为 src、public、pages、mock、config 等约定目录）
  title:'umijs',// 配置标题 这里是全局的默认页面标题，（也可以在路由配置中在设置单独对应的页面标题title属性）
  history:{ // 路由模式配置
    // type:'hash' // 路由url前面 带#号 （浏览器兼容好）
    type:'browser' // 路由url前面 不带#号 同时不配置也是默认选项（个别浏览器不兼容）
  },
  targets:{ // 配置需要兼容的浏览器最低版本，会自动引入 polyfill 和做语法转换
    ie:11 // 配置兼容 ie到11版本
  },
  // 请求反向代理配置
  proxy: {
    '/api': { // 匹配：接口前缀是/api的接口 走这个请求代理
      'target': 'http://jsonplaceholder.typicode.com/',// 代理服务器转发到 服务器接口地址
      'changeOrigin': true,
      'pathRewrite': { '^/api' : '' }, // 最后把/api 替换成空 '' 列如：/api/students 转化：http://jsonplaceholder.typicode.com/students 发送到服务器
    },
  },
  // 配置 主题 ：修改 Less 变量
  // 因为umijs 集成了ant.design ui框架 使用到了Less 预编译 这里可以进行修改整体风格主题或者对应的Less变量值
  // 参考：https://ant.design/docs/react/customize-theme-cn
  theme:{
    '@primary-color':'#1890ff'
  },
  // 路由配置
  routes: [
    { path: '/', component: '@/pages/index', title:'首页' },
    { path: '/list', redirect:'/user/one' }, // 路由访问 /list的时候 会重定向到 下面对应的 /user/two页面去
    {
      path:'/user',
      component:'@/layouts/index', // 使用到了模板 下面两个页面都会继承这个模板的内容
      wrappers: [
        '@/wrappers/auth',
      ],
      routes:[
        { path: '/user/one/:id?', component: '@/pages/index' },
        { path: '/user/two', component: '@/pages/user' },
        {component: '@/pages/404' }
      ]
    },
    {component: '@/pages/404' }
  ],
  // 开启 视图快速更新 只要写了这个属性对象就是开启的
  fastRefresh: {},
  mock:false, // mock是本地模拟接口的数据的一种快捷测试方式，默认是开启的，当要使用后端提供的接口和数据的时候可以关闭 
});

 

正常本地打包部署线上解决页面白板：

base:'./',

publicPath:"./"

在上面的配置中修改对应的属性

 

我是马丁的车夫，欢迎转发收藏！