为什么router.base在“npm运行构建”(Nuxt )期间不适用于静态src？

Question

Nuxt.config.js

const ROUTER_BASE = `/${process.env.ENTITY.toLowerCase()}/`;
export default {
 router : {
 base : ROUTER_BASE
 },
}

并且在组件<img src="/mockups/macbookpro_01.png" />中也有一个静态SRC用于图像。

当"npm“图片正确显示时，在终端中显示一行关于重定向的内容:i发展重定向从/mockups/macbookpro_01.png到/my/mockups/macbookpro_01.png (指定了router.base)。

但是，当我构建"npm“时，路径不会在图片上更改，因此，在程序集中无法使用该图片。告诉我如何正确设置构建？

Answer 1

您是否确保在运行构建的环境中设置了环境变量ENTITY？

为了确保env var没有问题，您可以尝试将它临时更改为

const ROUTER_BASE = "/my/";

如果它与硬编码的基一起工作，那么您所使用的环境变量肯定会出现问题。