Vue.js 将nuxt.js应用程序配置为在Web服务器的子目录中工作

我想将一个静态nuxt.js应用程序（使用

nuxt generate

构建）部署到Web服务器的子目录中。默认情况下，nuxt将生成的文件放置在

dist

目录中：

如果我在

dist

文件夹的父目录上启动Web服务器，并使用以下命令打开页面：

http://localhost:34360/dist/

站点无法从域根目录加载脚本文件：

我已尝试在nuxt配置中设置

publicPath

属性：

build: {
  publicPath: '/dist/'
}

应用程序编译为：

现在，nuxt将脚本文件下移一级（/dist/dist），并再次在根级别（/dist）上搜索，因此仍然找不到文件

我如何配置站点，使脚本和资产被加载并且是自包含的，无论我将其放在服务器上的哪个目录上？

这个问题已经讨论过了，但是建议的提示（使用publicPath）不起作用，如上所示

旁注：我不想指定publicPath absolut（即

http://localhost:8080/dist

），这会起作用，但会产生新的问题。

您需要

---

要完成@Aldarund回答，我使用：

导出默认值{
[…]//一些代码
路由器：{
基数：
process.env.NODE_env==“开发”？process.env.BASE_URL:“/”
}//子文件夹在哪里！
};

这就是我要找的！非常感谢。有没有一种方法可以对其进行一般性配置，即在一个应用程序中，可以将应用程序移动到/xyz/，而无需更改配置和重新生成？我不这么认为。也许只能通过第三方模块。至于你可以在nuxt.config build.EXTENDT中动态地做这件事谢谢你，现在我将介绍你的解决方案！为了将来的需要，这里是关于路由器基本配置的文档，这是我一直在寻找的。泰。

router: {
  base: '/dist/'
}