一、部署准备

安装数据库、jdk、Nginx、域名证书

1、下载 nginx，官方网址如下：http://nginx.org/en/download.html

2、解压安装包到任意目录 如：G:nginx

二、前端部署

1、打开前端项目，执行打包命令 如：npm run build

2、进入前端项目的dist目录，把里面的文件都复制到nginxhtml 下（注意：需要覆盖掉nginxhtml 下的index.html）

3、配置完整项目的默认端口，打开 nginxconfnginx.conf，找到 server 的配置处，然后按照下面来更改：

server {

listen 80;

server_name localhost;//可更改为域名地址

#charset koi8-r;

#access_log logs/host.access.log mAIn;

#root存放前端项目的目录地址，这里采用默认配置，即nginx/html目录,可更改为指定目录地址路径如：

#index配置首页文件

location / {

root html;

index index.html index.htm;

}

#这里解决跨域问题，后端地址及端口号

location /api/ {

proxy_pass http://127.0.0.1:8080$request_uri;

proxy_redirect off;

proxy_set_header Host $host;

proxy_set_header X-real-ip $remote_addr;

proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

}

}

主要是改三个地方，listen配置项目的端口号， location / 配置前端项目的目录， location /api/ 配置后端地址解决跨域问题。

4、配置完成后，启动命令行进入 nginx 目录下输入命令启动nginx：start nginx，访问 http://localhost:80/ 。到此，前端部署完成，接下来到后端。

三、后端部署

war方式部署

把war文件放到Tomcat/webApps/目录下，重命名为api.war，启动tomcat

jar方式部署

打开cmd命令进入到jar文件所在目录下，执行 JAVA -jar xxx.jar

可使用winsw将jar包部署成系统服务，具体看