目录

一、服务器配置

二、后端代码打包 

三、前端项目打包

四、nginx配置

---

一、服务器配置

部署项目需要一个服务器，我们可以选择阿里云的云服务器ECS，在实例界面可以对服务器进行管理：

然后需要在mobaxterm配置jdk、mysql和nginx。注意配置mysql的时候，由于指定的是3306端口号，要在阿里云服务器后台增加安全规则，对于后续软件的新端口也要记得添加。

二、后端代码打包 

maven这里可以进行打包，先clean再install，在target目录可以看到打包好的jar文件。将jar文件拖到linux的java工程目录，在这个目录下使用java -jar命令即可。

三、前端项目打包

在终端使用npm run build项目即可打包，将dist文件拖到linux的前端工程目录下，之后再使用nginx配置即可。

四、nginx配置

假设nginx文件在 /usr/local/nginx目录下，修改配置文件命令：

cd conf/
vim nginx.conf

 修改好后，重新编译加载nginx文件命令：

cd ..
cd sbin
./nginx -t
./nginx -s reload

注意nginx配置好前端vue代码的css和js以及图标文件，以下是配置代码示例：

events {
    worker_connections  1024;
}

http {
    include       mime.types;
    default_type  application/octet-stream;

    sendfile        on;
    keepalive_timeout  65；

    server {
        listen       80;
        server_name  localhost;

        location / {
            root   html;
            index  index.html index.htm;
        }

        location /vue{
           alias /usr/local/vue/vueProject1/dist;
            index  index.html index.htm;
        }
    
        location /lab{
           alias /usr/local/vue/lab/dist;
           index  index.html index.htm;
        }

        location /favicon.ico {
           return 200;
           access_log off;
        }

        location /assets {
           alias /usr/local/vue/vueProject1/dist/assets;
        }

}