ant design pro 5 企业级后台前端框架自定义根路径设置,解决public文件夹下资源在打包部署后出现找不到的问题

关于ant design pro v5的开箱使用方法见:开箱即用的企业级数据和业务管理中后台前端框架Ant Design Pro 5的开箱使用和偏好配置-CSDN博客

 

在开发过程中为了方便我们可能会将部分静态资源如logo等放入public文件夹,但在设置站点根路径后,public下的文件夹内容按照默认设置,打包的时候会直接复制到dist的根路径下,这样在运行的时候基本上是找不到了,所以我们在设置根路径的同时也要设置publicPath。具体如下:

在ant design pro 5 中 项目根目录下的config文件夹下,打开config.ts文件进行编辑:

export default defineConfig({
  /**
   * @name 自定义根路径
   * @description 自定义根路径后,方便使用路径转发,多个网站之间不冲突。
   * @doc 
   */
  base: '/qfordivdata/',
  publicPath: '/qfordivdata/',
  // 或者使用chainWebpack来更细粒度地控制
  // chainWebpack(config) {
  //   config.output.publicPath('/qfordivdata/');
  // },

  // /**
  //  * @name 设置入口文件
  //  * @description 自定义入口文件后,可以将自己想要的参数包裹到最外层。
  //  * @doc 
  //  */
  // chainWebpack(config, { webpack }) {
  //   config.entry('index').add('./src/index'); // 指定新的入口文件为 index.js
  // },
}

当然还是建议大家在/src目录下建一个assets文件夹,专门用于放置静态文件。这样就不用担心这个了

最近更新

  1. TCP协议是安全的吗?

    2024-01-08 11:06:01       16 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-01-08 11:06:01       16 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-01-08 11:06:01       15 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-01-08 11:06:01       18 阅读

热门阅读

  1. ubuntu的boot分区被删除恢复

    2024-01-08 11:06:01       45 阅读
  2. Js进阶29-正则表达式专题

    2024-01-08 11:06:01       27 阅读
  3. 回溯算法part02 算法

    2024-01-08 11:06:01       38 阅读
  4. 修复。。。Github/Gitee 提交推送没有贡献度小绿点

    2024-01-08 11:06:01       35 阅读
  5. 【排序算法】删除有序数组中的重复项 II

    2024-01-08 11:06:01       26 阅读
  6. Go 类型系统

    2024-01-08 11:06:01       37 阅读
  7. Timsort:最快排序算法

    2024-01-08 11:06:01       35 阅读
  8. React router

    2024-01-08 11:06:01       38 阅读
  9. 《微信小程序开发从入门到实战》学习七十五

    2024-01-08 11:06:01       28 阅读
  10. C#-基本概念

    2024-01-08 11:06:01       23 阅读
  11. 一级建造师大纲变化,我们该如何备考?

    2024-01-08 11:06:01       29 阅读
  12. nacos与eureka区别

    2024-01-08 11:06:01       35 阅读