[分享]宝塔linux部署vue

宝塔Linux是一款非常简便的服务器管理软件，可以用来搭建各种应用。而Vue则是一款非常流行的JavaScript框架，可以用于构建单页面应用。这篇文章将会介绍如何在宝塔Linux上部署Vue。首先，...

宝塔Linux是一款非常简便的服务器管理软件，可以用来搭建各种应用。而Vue则是一款非常流行的JavaScript框架，可以用于构建单页面应用。这篇文章将会介绍如何在宝塔Linux上部署Vue。

首先，在宝塔Linux上安装Node.js。可以通过软件包管理器来安装，具体的方式请参考官方文档。安装完成之后，通过npm来安装Vue CLI：

npm install -g @vue/cli 

接下来，创建Vue项目。首先要进入网站根目录：

cd /www/wwwroot/your-site.com 

然后，使用Vue CLI来创建项目：

vue create your-project-name 

按照提示选择需要的依赖和插件，创建完成之后，要进入项目目录：

cd your-project-name 

现在可以通过npm来运行项目了。可以使用下面的命令在开发模式下启动项目：

npm run serve 

在生产环境下，可以使用下面的命令编译项目：

npm run build 

当编译完成之后，可以在/dist目录下找到生成的文件。现在要将这些文件上传到服务器上，可以使用ftp工具或者Git将代码上传到宝塔Linux上。上传完成之后，还需要配置Nginx。

这里假设您已经在宝塔Linux上安装了Nginx。首先，要在网站的站点配置中加入以下内容：

location / {
    try_files $uri $uri/ /index.html;
} 

这个配置的作用是将所有的请求都指向index.html。接下来，要在Nginx配置中加入下面的内容：

location / {
    root /www/wwwroot/your-site.com/dist;
    index index.html;
    try_files $uri $uri/ /index.html;
} 

这里假设您的Vue项目已经编译并且上传到了网站的根目录下。这个配置的作用是将所有的请求都指向/dist目录下的index.html。

现在，重启Nginx，就可以看到部署好的Vue应用了：

service nginx restart 

至此，您已经成功地在宝塔Linux上部署了Vue。希望本文能够帮助到您。