如何在共享主机环境中部署vue app？

Question

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

原文由 Chirag Chaudhari 发布，翻译遵循 CC BY-SA 4.0 许可协议

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>

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

原文由 Airah 发布，翻译遵循 CC BY-SA 4.0 许可协议