ruoyi-vue及uniappH5打包部署到window服务器，nginx代理

1. Ruoyi-vue前端打包：

注意：

打包前，调整vue.config.js中的devServer: 中的target，设置为服务器部署的端口

 

然后进行打包：

Idea – Terminal下命令：npm run build:prod，执行完成后会在项目根路径下生成一个“dist”的包。

 

1. Ruoyi-vue后端达成jar包：

Idea – maven – package,执行完成后，生成的jar包在ruoyi-admin模块target文件夹中。

 

1. Uniapp H5打包

manifest.json – web配置：路由模式：hash，运行的基础路径：./

源码视图：找到h5设置的地方

 

设置完成之后，hbuildx – 发行 – 网站PC web或手机h5，网站域名为服务器域名，“发行”

 

完成之后会给出生成包的路径，将dist/build/下的h5（或其他名）整个包复制到服务器D:/zjjg中

1. Windows服务器 Nginx部署项目

服务器域名: shorse.heima2009.cn

Ngnix路径：D:\nginx-1.21.6

Ruoyi-vue前端和uniapp h5包存放目录：D:\zjjg

dist是ruoyi-vue的前端包；

h5是uniapp打包生成的；

 

Ruoyi-vue后端接口服务端代码路径：D:\zjjg_space

 

Nginx配置：

进入到nginx/conf/nginx-conf文件：

Http协议配置：

 

HTTPS部分的配置同HTTP设置

 

设置完成之后启动或重启nginx:  nginx.exe reload

Nginx.exe -s -stop 停止

Nginx.exe 启动

启动接口服务jar