egg vue如何线上布署

要将Egg.js和Vue.js的项目部署到线上，可以遵循以下几个步骤：

1、准备服务器环境：你需要一个服务器来运行你的应用程序。常见的服务器选项包括云服务器（如AWS、阿里云）或VPS（如Digital Ocean）。确保你的服务器上安装了Node.js、Nginx以及其他必要的软件。

2、构建Vue项目：在本地开发环境中完成你的Vue.js应用程序的开发后，使用Vue CLI的构建命令将其打包成生产环境的静态文件。

3、配置Egg.js：在你的Egg.js项目中，确保所有需要的配置文件（如数据库配置、环境变量等）都已经设置好。

4、部署静态文件和Egg.js项目：将Vue.js打包后的静态文件和Egg.js项目上传到服务器上，并将静态文件配置在Nginx中作为静态资源进行服务。

5、启动Egg.js服务：在服务器上使用PM2或其他进程管理工具来启动和管理Egg.js服务，以确保其在服务器重启后自动运行。

6、配置反向代理：在Nginx中配置反向代理，将来自特定端口或域名的请求转发到Egg.js服务。

7、测试和监控：上线后，进行全面的测试，确保一切功能正常，并使用监控工具来实时监控应用的运行状态。

一、准备服务器环境

部署Egg.js和Vue.js项目的第一步是准备服务器环境。你需要确保服务器上安装了以下基本软件：

Node.js：Egg.js和Vue.js都是基于Node.js的，需要在服务器上安装Node.js。你可以通过以下命令安装：
```
curl -sL https://deb.nodesource.com/setup_14.x | sudo -E bash -
sudo apt-get install -y nodejs
```
Nginx：作为反向代理服务器，Nginx可以帮助处理静态文件和反向代理请求。安装Nginx的命令如下：
```
sudo apt-get update
sudo apt-get install nginx
```
PM2：用于管理Node.js应用程序的进程管理工具，可以确保应用在崩溃后自动重启：
```
npm install -g pm2
```

二、构建Vue项目

在开发环境中完成Vue.js项目的开发后，需要将其打包成生产环境的静态文件。可以使用Vue CLI中的构建命令进行打包：

npm run build

运行该命令后，Vue CLI会将打包后的文件生成到dist目录中。你需要将该目录下的文件上传到服务器上。

三、配置Egg.js

在你的Egg.js项目中，需要确保所有配置文件都已经设置好，这包括但不限于：

数据库配置
环境变量
日志配置

确保所有配置文件都已经妥善设置，并且在部署到生产环境时使用正确的配置。

四、部署静态文件和Egg.js项目

上传静态文件：将Vue.js项目打包后的dist目录上传到服务器上的指定目录，比如/var/www/your-vue-app。
上传Egg.js项目：将Egg.js项目上传到服务器上的指定目录，比如/var/www/your-egg-app。

五、启动Egg.js服务

在服务器上使用PM2来启动Egg.js应用程序：

cd /var/www/your-egg-app pm2 start npm -- run start pm2 save

使用PM2可以确保你的应用程序在服务器重启后自动运行。

六、配置反向代理

编辑Nginx配置文件，将静态文件和Egg.js服务配置成反向代理：

server {
    listen 80;
    server_name yourdomain.com;
    location / {
        root /var/www/your-vue-app;
        try_files $uri $uri/ /index.html;
    }
    location /api/ {
        proxy_pass http://127.0.0.1:7001;
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header X-Forwarded-Proto $scheme;
    }
}

保存并重启Nginx服务：

sudo systemctl restart nginx

七、测试和监控

部署完成后，进行全面的测试，确保所有功能正常运行。可以使用以下工具进行监控：

PM2 Monitor：PM2自带的监控工具，可以实时查看应用的运行状态。
```
pm2 monit
```
其他监控工具：如New Relic、Datadog等，可以提供更全面的监控和报警功能。

总结：通过上述步骤，你可以将Egg.js和Vue.js项目成功部署到线上环境。确保服务器环境配置正确，构建并上传项目文件，使用PM2管理Egg.js服务，并配置Nginx进行反向代理。上线后，需要进行全面的测试和实时监控，以确保应用的稳定运行。希望这些步骤可以帮助你顺利部署你的项目。