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

问题描述 投票:0回答:1

i使用“ npm run build”构建应用。 dist文件夹创建成功。然后,我使用ftp客户端将dist文件夹和index.html上传到我的托管服务器上的正确路径(m.myapp2go / vueapp / dist)。现在有一个路径问题!在get-request中,缺少[[“ / vueapp / dist”。如果我使用[http://m.myapp2go.de/vueapp/调用应用程序,则控制台中将发生以下错误。

enter image description here

在服务器上安装:

enter image description here

构建之前,我是否必须设置Deployment-server的路径?什么时候可以在哪里做呢? THX

vue.js npm deployment path shared-hosting
1个回答
1
投票
我找到了解决方案。对于其他有相同问题的人,也许是一个很好的指导。这是一个非常奇怪的主题,并且在网络上,用于部署到托管服务器的文档非常不足。

如果您要部署例如到:

m.myapp2go.de/vueapp /

您必须按如下所示在

vue ui中设置vue CLI配置

enter image description here

然后运行

npm运行构建

然后将

index.html

复制到服务器上的root-folder,并将dist-folder复制到服务器上的dist-folder而且,瞧,测试应用在托管服务器上运行完美!

enter image description here

© www.soinside.com 2019 - 2024. All rights reserved.