Question

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

Answer 1

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

一旦您可以在您的编码环境之外运行vue应用程序，那么您确切地知道需要将哪些文件部署到共享托管环境以使其在托管公司运行。您通常不需要将任何其他文件部署到您未使用的托管公司，并且＃34; hosting＆＃34;在您的编码环境之外的您自己的开发箱上的网站。

Answer 2

以下是我如何部署我的。

转到您的项目文件夹 - ＆gt; config - ＆gt; index.js文件确保assetsPublicPath：指向共享主机帐户的public_html路径。
运行“ npm run build ”命令。
转到项目文件夹，将dist文件夹的内容复制粘贴到cpanel的public_HTML文件夹中。

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

Answer 3

只需复制index.html文件和静态文件夹，然后将其粘贴到服务器的根文件夹（例如public_html）上，如果您打算更改目录名称，即应用可能位于公共目录的子目录中，则您必须更改您的config/index.js file

// change this line 
assetsPublicPath: '/',
// e.g
assetsPublicPath: '/dist',
assetsPublicPath: '/myapp',

然后运行npm运行构建，它将完美运行

Answer 4

我在共享的 Hostgator 主机中执行以下步骤：

npm 运行构建
将 dist 文件夹复制到一个 hostgator 文件夹
创建一个指向文件夹/dist 的子域

解决了我的问题

Answer 5

我只是这样做了，我不得不检查一些资源，所以我要把它们都放在这里，以保存别人。以下对我有用：

1）运行"npm run build"

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

3）将index.html和/dist和/static文件夹中的所有文件上传到目录（public_html或子域的目录，如果有的话）

4）完成！

P.S 重新加载已部署应用程序的页面时，很可能会遇到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>

然后您就好了！！我希望这会有所帮助。

P.S.S您可以在https://www.khairahscorner.com检出我的网站（不是vue，哈哈），除了整日都在堆栈溢出问题之外，我还要做其他事情。

如何在共享主机环境中部署vue应用程序？

5 个答案: