Ant Design Pro 5 エンタープライズレベルのバックエンドおよびフロントエンドフレームワークは、ルートパス設定をカスタマイズして、パッケージ化およびデプロイ後にパブリックフォルダー内のリソースが見つからない問題を解決します。

Ant Design Pro v5 をそのまま使用する方法については、次を参照してください:エンタープライズレベルのデータおよびビジネス管理のミドルバックエンドおよびフロントエンドである Ant Design Pro 5 のすぐに使える使用法と基本設定フレームワーク - CSDN ブログ

開発プロセス中、便宜上、ロゴなどの静的リソースをパブリックフォルダーに配置することがありますが、サイトのルートパスを設定すると、パブリックフォルダーの内容はデフォルト設定に従って dist のルートに直接コピーされます。パッケージ化した場合、.pathは基本的に動作中に見つからないので、ルートパスを設定する際に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 ディレクトリに作成することをお勧めします。それなら、これについては心配する必要はありません

おすすめ