假设您使用的是webpack template for vue cli，这应该会有所帮助。这可能有助于了解差异的原因是，如果您要使用webpack-simple template，它有一个webpack-config.js文件，直接使用webpack中的publicPath属性（而不是assetsPublicPath）。
不久前，我遇到了类似的情况。这似乎是由于我使用了本地开发服务器npm run dev，将根级别的东西示例化到本地开发服务器，而不是我的生产路径，它是服务器上的子目录。我通过更改您提到的assetsPublicPath属性来解决这个问题，仅适用于config/index.js中的build配置。
将assetsPublicPath设置为空字符串应使构建遵循路径相对于网络资源。这类似于编写<script src="/path/to/my.js"></script>（对于服务器而言绝对值）和<script src="relative/path/to/my.js"></script>（相对于定义脚本标记的html文件而言）的区别。
下面是我的配置代码片段。

// config/index.js
...
module.exports = {
  build: {
    ...
    assetsPublicPath: '',
    ...
  },
  dev: {
    ...
    assetsPublicPath: '/',
    ...
  }
}

也许解决这个问题的最简单方法是在项目的根目录中创建一个文件vue.config.js，并在其中添加以下代码：

module.exports = {
    publicPath: ''
}

在我的情况下，这解决了问题。资料来源：请看这里。

我一直在搜索这个问题（npm run dev工作，但build有一个空白页）。
assetsPublicPath可以在/config/index中更新。js文件，如果您的项目将在子文件夹中的服务器上结束。但是，最终对我起作用的是，我在路由器设置中使用了mode: 'history'。这在开发过程中没有问题，但在构建过程中却无法正常工作。
这里列出了有关将服务器配置为work with history mode here的更多详细信息。但我不想在此刻弄乱服务器设置，如果我不使用历史模式，那么它立即为我工作。

我也遇到了同样的问题，当我删除vue-router中的mode: 'history'时（正如Dean提到的），没有得到一个黑页。
来自VueJs文档：
.....要解决这个问题，你需要做的就是在你的服务器上添加一个简单的覆盖所有的回退路由。如果URL不匹配任何静态资产，它应该提供相同的索引。您应用程序所在的html页面。（https：//router.vuejs.org/guide/essentials/history-mode.html#html5-history-mode）
因此，启用历史模式所需做的就是添加一个全面覆盖的路由：

{
   path: '*',
   name: 'catchAll',
   component: Home
}

注意：此catch-all路由应该位于所有其他路由之后的底部（否则，所有请求都会转到它）。

我通过创建一个Vue解决了我的问题。根目录下的config.js文件

module.exports = {
  publicPath: process.env.NODE_ENV === 'production'
    ? '/dist/'
    : '/'
}

注意：更改 /dist/ 到你的静态文件所在的文件夹名称
然后npm run build
我用vscode的live服务器检查了它，它工作正常

我也有这个问题。我的main.js是这样的：

const vm = new Vue({
  render: h => h(App),
  router,
  })
}).$mount('#app')

“vm”变量在我的main中从未使用过。js.我以为webpack排除了未使用的变量。所以我初始化了“new Vue”而没有将它赋值给变量。问题解决了

所以我有这个错误有一段时间了，我尝试了上面提出的所有解决方案，但似乎没有一个工作。然后我注意到在开发中，有一个“你可能在组件渲染函数中有一个无限的更新循环”的警告，我一直忽略了这个警告，在修复组件之后，npm run build开始工作得很好。
我希望这能帮到一些人

我正在使用Vue 3，在运行"npm run build"后遇到了这个问题。为了在我的生产服务器上修复它（通过AWS lightsail在Ubuntu上的Bitnami LAMP堆栈），我必须在生成的生产索引中更改两行。html，在：（./dist/index.html）在那个文件中，我必须在前面加上一个'。在script和link元素中的src和href属性上。
我的脚本标记声明在编辑后具体如下所示：<script type="module" crossorigin src="./assets/index.4a1f78d4.js">
作为一个可能与其他人相关的旁注，使用npm的服务，serve -s dist从项目根到测试部署没有正确地复制我的bitnami Apapche 2服务器环境。具体来说，这种方式的测试并没有揭示我需要在索引中更改文件路径的事实。html，我在实际服务器上测试时发现了这一点。

如果有人正在使用vite（来自与@RomanKaragodin相同的来源）：
将base: "./"添加到您的vite。config.js.