如何在共享托管环境中部署vue应用？

Question

我想在共享托管服务器上部署我的vue应用程序。我该怎么办？到目前为止，这有点令人困惑。我需要使用Express JS，还是可以像普通的html网站一样直接上传？

Answer 1

我只是这样做了，我不得不查看几个资源，所以我要把它全部放在这里，以拯救其他人。以下对我有用：

1. 跑 "npm run build"

2. 您的资产应位于“静态”文件夹中

3. 上传您的index.html和所有文件中/dist和/static（如果一个或的public_html您的子域的目录）文件夹的目录

4. 完毕！！

PS 当您重新加载已部署应用程序的页面时，您很可能会遇到 404 错误，不用担心，只需包含一个具有以下配置的 .htaccess 文件：

<IfModule mod_rewrite.c>
  RewriteEngine On
  RewriteBase /
  RewriteRule ^index\.html$ - [L]
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteRule . /index.html [L]
</IfModule>

然后你很好！！我希望这有帮助。

Answer 2

这是我如何部署我的。

1. 转到您的项目文件夹 -> config -> index.js 文件确保 assetsPublicPath: 指向您的共享主机帐户的 public_html 路径。

2. 运行“ npm run build ”命令。

3. 转到您的项目文件夹，将 dist 文件夹的内容复制到您的 cpanel 的 public_HTML 文件夹中。

现在我确信有更好的方法可以做到这一点，请有更好方法的人告诉我们。

Answer 3

将 vue 应用程序部署到共享托管环境通常没有什么特别之处。通常，最好的第一步是将网站“部署”到运行与共享托管环境类似的 Web 服务器软件的本地开发箱。

一旦您可以使 vue 应用程序在编码环境之外运行，那么您就可以确切地知道需要将哪些文件部署到共享托管环境以使其在托管公司运行。在编码环境之外的您自己的开发盒上“托管”站点时，您通常不需要将任何其他文件部署到您不使用的托管公司。