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

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

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

在服务器上安装:

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

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

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

我找到了解决方案。对于其他有相同问题的人,也许是一个很好的指导。这是一个很奇怪的话题,并且在网络上,用于部署到托管服务器的文档还很不够。

如果您要部署例如到:

  

m.myapp2go.de/vueapp /

您必须在 vue ui 中设置 vue CLI配置,如下所示:

enter image description here

然后运行

  

npm运行构建

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

此外,测试应用程序在托管服务器上运行完美!

enter image description here

本文链接:https://www.f2er.com/3035752.html

大家都在问