ant design pro 5 企业级后台前端框架自定义根路径设置，解决public文件夹下资源在打包部署后出现找不到的问题_umi初始化没有public(1)

2401_84447297

于 2024-04-28 05:15:26 发布

阅读量313

点赞数 3

分类专栏：程序员文章标签：前端框架

本文链接：https://blog.csdn.net/2401_84447297/article/details/138264621

版权

本文介绍了Ant Design Pro 5框架中如何解决public文件夹内的静态资源在设置自定义根路径后无法找到的问题。通过修改项目根目录下config/config.ts文件，调整publicPath配置，确保资源正确打包并能在部署后访问。

摘要由CSDN通过智能技术生成

关于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/');
  // },



### 最后

面试一面会问很多基础问题，而这些基础问题基本上在网上搜索，面试题都会很多很多。最好把准备一下常见的面试问题，毕竟面试也相当与一次考试，所以找工作面试的准备千万别偷懒。面试就跟考试一样的，时间长了不