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

在Ant Design Pro 5项目中,为了解决public文件夹下的资源在打包部署后无法找到的问题,需要在config/config.ts文件中进行配置。通过自定义根路径设置,确保打包后的前端应用能够正确引用静态资源。同时,保持学习的毅力和积极心态对于前端开发者至关重要,因为解决问题的能力是衡量技术水平的关键。
摘要由CSDN通过智能技术生成

在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
  // },
}

最后

一个好的心态和一个坚持的心很重要,很多冲着高薪的人想学习前端,但是能学到最后的没有几个,遇到困难就放弃了,这种人到处都是,就是因为有的东西难,所以他的回报才很大,我们评判一个前端开发者是什么水平,就是他解决问题的能力有多强。

开源分享:【大厂

  • 4
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值