若依框架前后端项⽬分离部署(验证码不显⽰原因解决步骤)
标题若依框架项⽬部署分为前端项⽬部署和后端项⽬部署。
⼀、后端项⽬部署(⽐较省略)
1、jar部署⽅式
将jar包放到⽂件的service⽬录下,使⽤命令⾏执⾏执⾏脚本。
2、war部署⽅式
l中的packaging修改为war,放⼊tomcat服务器webapps
⼆、前端项⽬部署
#打包正式环境
npm run build:prod
#打包预发布环境
npm run build:stage
tomcat部署
· 修改l,Host节点下添加
· dist⽬录的⽂件夹下新建WEB-INF⽂件夹,并在⾥⾯添加l⽂件
Nginx部署
1.将dist⽂件夹放到linux服务器上的某个位置。
2.进⼊nginx的fig配置⽂件中。
3. 重启nginx
cd /data/nginx/sbin/
./nginx -s reload
server {
listen 80;
server_name houtaixit.yuming;//后台地址的域名
#后台系统
location ~ ^/yu-ming/ { //注意 /yu-ming/
rewrite ^/yuming/(.*) /yuming/$1break;
proxy_pass 127.0.0.1:8888;
}
}
#前台地址
server {
listen 9999;
server_name localhost;
location / {
root /etc/data/qiantai/dist/; //前台项⽬dist⽂件的存放路径
try_files $uri$uri/ /index.html; //必须写
index index.html index.htm; //必须写
}
// /prod-api/的反向代理 /prod-api/是下图
location /prod-api/ {
proxy_set_header Host $http_host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header REMOTE-HOST $remote_addr;
nginx部署前端项目proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_pass 127.0.0.1:8888/yu-ming/; //注意 yu-ming/ 是后端url地址的域名+访问路径}
error_page 500 502 503 504 /50x.html;
location = /50x.html {
root html;
}
}
4.如果要在地址中加 /ruoyi/ 之类的访问路径需要在vue项⽬的fig,js配置⽂件中修改
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论