动态设置 next.js baseUrl/basePath 以在微前端使用

如何解决动态设置 next.js baseUrl/basePath 以在微前端使用

我正在使用 next.js 构建一个子应用程序，以在遵循微前端架构的容器应用程序中使用 qiankun 包，但我遇到了一个问题，我需要基于动态设置 baseUrl如果 __POWERED_BY_QIANKUN__ 在 window

中可用

在我的 next.config.js 中，我首先尝试了以下配置：

module.exports = {
  assetPrefix: '.',basePath: (global).__POWERED_BY_QIANKUN__ ? '/marketplace' : '/app/marketplace',trailingSlash: true,};

但它失败了，因为我假设在构建时无法访问全局对象。

另外，为了增加上下文，我正在使用 next export 进行静态构建，因此没有使用网络服务器。

问题在于，当容器应用尝试获取 _next 文件夹中的 webpack 块时，它无法找到它，因为下一个文件夹位于 /app/marketplace/_next 中，但容器应用正在尝试访问/marketplace/_next

提前感谢回复！