1.配置好java jdk运行环境 cmd中执行java 和javac 检测
2.将项目拷贝至服务器
3.将所需的nginx包拷贝至服务器
4.修改服务器 hosts文件
添加域名检析和项目后台api接口检析
127.0.0.1 www.tianyuan.com 127.0.0.1 api.tianyuan.com
5.修改前端web的 域名后台配置文件 env.production 后台接口网址或者ip加nginx配置的端口号
后台部署：
在maven中打包项目：
然后将jar包拷贝到服务器中
前端web部署:
执行打包命令:
npm run build:prod --report
nginx部署：
下载nginx的windows版安装包
1.配置nginx.conf
---1 添加java后台代理server
server {
listen 8085; #vue后台配置的网址加端口号
server_name api.tianyuan.com; #网址
location / {
proxy_pass http://127.0.0.1:8000; #这里的端口记得改成项目对应的哦
proxy_set_header X-Forwarded-Proto $scheme;
proxy_set_header X-Forwarded-Port $server_port;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection "upgrade";
}
}
----2 添加前台vue的代理server
server
{
listen 8085; #网址访问端口号
server_name www.tianyuan.com; #网址
index index.html;
root F:/cs/dist; #dist上传的路径
# 避免访问出现 404 错误
location / {
try_files $uri $uri/ @router;
index index.html;
}
location @router {
rewrite ^.*$ /index.html last;
}
}全部添加完毕之后
1.打开cmd 运行窗口 将目前切至nginx.exe目录下
2.启动nginx 运行：start nginx
3.停止nginx 运行: nginx.exe -s stop
4.关闭端口
netstat -an|find "0:80 查看
taskkill /F /IM nginx.exe 关闭打开的端口