若依项目分为两个:前台web,后台java的springboot
前台项目:如果是开发环境:
npm run dev
开发环境下,调用的java环境地址,在以下设置:vue.config.js
但是如果是部署在生产环境,以上的vue.config.js 设置的target 就没有用了,要在nginx里面设置:(原理是 vue.config.js 是自带服务器去反向代理,但是部署的话要在nginx中进行反向代理)
代码:
server {
listen 8078;
server_name *****;
root *****;
location / {
try_files $uri $uri/ /index.html;
}
location /prod-api/ {
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_pass http://服务器IP:8080/;
proxy_redirect default;
add_header Access-Control-Allow-Origin *;
add_header Access-Control-Allow-Headers X-Requested-With;
add_header Access-Control-Allow-Methods GET,POST,OPTIONS;
}
error_page 500 502 503 504 /50x.html;
location = /50x.html {
root html;
}
}
解释:
生产环境下:导出的文件,执行的命令是:
npm run build:prod
生成的文件在dist下:
拷贝这个文件内容全部到 nginx 的项目底下:
拷贝到nginx的项目下:
这样:访问 地址:
http://localhost:8078/ 本地部署
http://服务器IP:8078/ 服务器部署
admin
admin123
以上是前台部分:
后台的java springboot项目:
需要开启 redis: 在redis的根目录下执行:(这个是redis的服务端)
redis-server.exe
springboot的项目中 设置连接redis: (这个是redis客户端) 注意这里数据库database 不要和其他项目的连接冲突。
本地执行springboot的地址是:
http://localhost:8080
当项目在本地开发运行没问题后,可以在打包成jar
打包命令:
mvn clean package
之后会在target中找到ruoyi.jar
将这个 ruoyi.jar 拷贝到服务器中,进行执行:
java -jar ruoyi.jar
服务器上的springboot地址:
http://服务器IP:8080
特别注意:这里的服务器springboot地址需要在刚才的nginx.conf中对应起来:即:
特别注意:
如果java项目部署在服务器是在宝塔的环境下,还需要设置宝塔的 安全设置,进入口开通 8080 8078 等等端口:
最后:
如果是服务器地址访问 若依的前台:(直到前台中展示的验证码刷出图片即可代表成功!)
http://服务器IP:8078/