在Vite中，如何为资产指定服务器的子目录？

Question

我正在使用 Vite 构建一个 React 应用程序，该应用程序托管在我的网络服务器上的子目录 ( /pwa) 中。

主要站点是 Drupal 10 站点。

之前，我使用 Create React App 来构建我的 PWA。我现在已将 PWA 转换为使用 Vite，但问题是，当我运行npm run build并将dist目录复制到/pwa我的服务器上时，查找资产失败，因为构建目标www.example.com/assets而不是www.example.com/pwa/assets.

如何修改 vite 配置以告诉它我需要最终输出来查找子目录中的资产？

Answer 1

在 Vite 中，这称为基本选项。

在vite.config.ts中：

// https://vitejs.dev/config/
export default defineConfig({
  base: '/pwa',