若依框架前后端项目分离部署(验证码不显示原因解决步骤)
标题若依框架项目部署分为前端项目部署和后端项目部署。一、后端项目部署(比较省略)1、jar部署方式将jar包放到文件的service目录下,使用命令行执行执行脚本。2、war部署方式ruoyi/pom.xml中的packaging修改为war,放入tomcat服务器webapps二、前端项目部署#打包正式环境npm run build:prod#打包预发布环境npm run build:stage
·
标题若依框架项目部署分为前端项目部署和后端项目部署。
一、后端项目部署(比较省略)
1、jar部署方式
将jar包放到文件的service目录下,使用命令行执行执行脚本。
2、war部署方式
ruoyi/pom.xml中的packaging修改为war,放入tomcat服务器webapps
二、前端项目部署
#打包正式环境
npm run build:prod
#打包预发布环境
npm run build:stage
tomcat部署
· 修改server.xml,Host节点下添加
· dist目录的文件夹下新建WEB-INF文件夹,并在里面添加web.xml文件
Nginx部署
1.将dist文件夹放到linux服务器上的某个位置。
2.进入nginx的nginx.config配置文件中。
3. 重启nginx
cd /data/nginx/sbin/
./nginx -s reload
server {
listen 80;
server_name houtaixit.yuming;//后台地址的域名
#后台系统
location ~ ^/yu-ming/ { //注意 /yu-ming/
rewrite ^/yuming/(.*) /yuming/$1 break;
proxy_pass http://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;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_pass http://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项目的vue.config,js配置文件中修改
更多推荐
已为社区贡献2条内容
所有评论(0)