生产中的 Vuejs：前缀静态路径

Question

上下文

我正在构建一个 VueJS 应用程序，我想将它推送到生产环境中。我已经使用 npm run build 生成了文件，并将它们上传到服务器 (IIS) 上。

我在此服务器上有很多其他应用程序，我无法更改它的工作方式。

这是一个假的例子来帮助我解释我的问题：

mydomain.com/app1 将重定向到文件夹app1 下的网络应用程序。 为了添加我的 VueJS 项目，我创建了一个新文件夹 - 比如说 vueapp - 我可以通过 mydomain.com/vueapp 访问它。

问题是：vue生成的静态路径不是以vueapp为前缀。 index.html 中的路径不是我想要的：对于 vue 请求，我得到的是 mydomain.com/static/** 而不是 mydomaim.com/vueapp/static/**。

我想告诉 webpack 为 index.html 的路径添加前缀，但我无法让它工作。

assetsSubDirectory

config/build.js 让我们可以更改资产子目录（默认为static）。所以我可以将它设置为vueappPrefix/static，但当然，这不起作用。

• 预期：mydomain.com/vueapp/vueappPrefix/static/*
• 我得到了什么：mydomain.com/vueappPrefix/static

这很明显。

当然，我可以手动编辑index.html 或添加脚本来执行此操作，但我想知道是否有更简洁的方法来执行此操作。

非常感谢。

Answer 1

更改 assetsPublicPath 对我有用。

在这种情况下，它会是：

assetsPublicPath: '/vueapp/'

更新 (11/20)：要在较新版本的 vue-cli 中执行相同操作，cmets 中提到了一个选项。