在托管环境中部署 vue CLI-app 的路径问题答案

【问题标题】：path-problems with deploying vue CLI-app in hosting environment在托管环境中部署 vue CLI-app 的路径问题
【发布时间】：2020-03-20 20:48:03
【问题描述】：

我用 “npm run build” 构建了一个应用程序。 dist 文件夹创建成功。然后我使用 ftp 客户端将 dist 文件夹和 index.html 上传到我的托管服务器 (m.myapp2go/vueapp/dist) 上的正确路径。现在有一个路径问题！在获取请求中 "/vueapp/dist" 缺失。如果我使用 http://m.myapp2go.de/vueapp/ 调用应用程序，控制台中会出现以下错误。

在服务器上安装：

我必须在构建之前设置部署服务器的路径吗？什么时候，我在哪里可以做到这一点？谢了

【问题讨论】：

npm run build 运行build 命令，您可以在package.json 中找到它。它可能会指向一些vue-cli 电话。检查那里的选项。
我可以在哪里放置正确分发应用程序的路径？

标签： vue.js npm deployment path shared-hosting

【解决方案1】：

我找到了解决方案。也许对其他有同样问题的人来说是一个很好的指导。这是一个非常奇怪的话题，并且在网络上部署到托管服务器的文档非常不足。

如果你想部署例如到：

m.myapp2go.de/vueapp/

您必须在 vue ui 中设置 vue CLI 配置，如下所示：

然后运行

npm 运行构建

然后将 index.html 复制到服务器上的 root-folder 并将 dist-folder 复制到 dist - 服务器上的文件夹。

而且，瞧，测试应用在托管服务器上运行良好！

【讨论】：

我什至不知道 Vue CLI 有一个 UI，我猜 'Basis-URL' 设置与cli.vuejs.org/config/#publicpath 直接相关。
@火焰。对，那是正确的。它是 vue.config.js 中的 publicPath。