本文共 1633 字，大约阅读时间需要 5 分钟。

在宝塔服务器上部署Vue项目

通过以上步骤，您可以在宝塔服务器上成功部署Vue项目。下面我将详细介绍每一步的操作方法和注意事项。

一、安装Node.js环境

首先，您需要安装Node.js环境。这是部署前端项目的基础要求。安装完成后，可以通过在命令行中输入node -v验证Node.js是否正确安装。

二、安装PM2

接下来，使用npm安装PM2工具。运行以下命令：

npm install -g pm2

安装完成后，可以通过pm2 --version验证PM2是否正确安装。

三、上传并安装项目模块

将您需要部署的Vue项目文件压缩包上传到宝塔服务器对应目录中。通过命令行执行以下命令解压压缩包：

unzip {压缩包名称}

安装项目中的模块依赖，进入项目根目录执行：

npm install

四、启动项目

使用PM2启动项目。在项目根目录执行以下命令：

pm2 start server.js

启动成功后，可以通过在命令行中输入pm2 list查看PM2的服务状态。

五、安装宝塔管理工具

宝塔管理工具是操作服务器的重要工具。按照以下步骤进行操作：

六、安装必要服务

根据项目需求， Ενdcc94ements需要安装以下服务：

sudo apt-get install nginx mongodb

七、新建文件夹上传Vue项目

在宝塔面板中：

八、配置Nginx

按照以下 nginx配置：

server {     listen 8080;    server_name www.yourdomain.com;    index index.html index.html index.php;    root /www/wwwroot/dist/;    include enable-php.conf;    location / {        try_files $uri $uri/ /index.html;    }    location /api {        proxy_pass http://yourbackend:3000;        add_header Content-Type "text/plain;charset=utf-8";        add_header 'Access-Control-Allow-Origin' '*';        add_header 'Access-Control-Allow-Credentials' 'true';        add_header 'Access-Control-Allow-Methods' 'GET, POST';    }}

九、存活率检查

在宝塔面板中，您可以观察服务运行状态。对于检查服务状态，可以使用以下命令：

systemctl status nginxsystemctl status mongodb

十、跨域解决方案

为了确保前端与后端能够正常通信，您可以在 nginx配置中添加跨域支持。不同情况下需要根据需求调整 allow-origin 值。

十一、部署完成

完成所有配置后，您可以通过以下方式访问您的项目：

www.yourdomain.com:8080

注意事项

完成

您已经成功在宝塔服务器上部署并运行 Vue 项目。通过以上步骤，您可以顺利完成从开发到上线的整个流程。