若依项目分为两个:前台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/ 

Logo

汇聚全球AI编程工具,助力开发者即刻编程。

更多推荐