数据中台 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文件夹，专门用于放置静态文件。这样就不用担心这个了

精彩链接

评论可见，请评论后查看内容，谢谢！！！

您阅读本篇文章共花了：

金钥匙