若依框架前后端分离版发布服务器(非docker版)

若依框架前后端分离版发布服务器(非docker版)

    • 1、若依后端部分配置如下图所示:
    • 2、若依前端配置
    • 3、nginx配置

若依框架发布服务器需要环境:nodjs、mysql、jdk、nginx、redis,自行安装环境

1、若依后端部分配置如下图所示:

redis部分配置
若依框架前后端分离版发布服务器(非docker版)_第1张图片

redis配置端口号使用自己的,host如果是本机redis就是用localhost,如果是其他机器的就是用其他服务器的ip地址

数据库配置就是常规配置,注意数据的ip地址和用户名和密码就ok,后端就这么多,后端配置好之后使用idea的maven工具打jar包,打好的jar包在admin模块,上传服务器,然后启动,如果没有问题就可以准备前端了。

2、若依前端配置

注意一般出问题的地方都在前端
vue.config.js配置:
若依框架前后端分离版发布服务器(非docker版)_第2张图片
然后写路由配置如图

若依框架前后端分离版发布服务器(非docker版)_第3张图片
这里特别注意三个文件如图:
若依框架前后端分离版发布服务器(非docker版)_第4张图片
这三个文件代表开发环境、测试环境、生产环境,后面nginx的配置会用到

配置完之后 npm run build:prod 打包上传到服务器

3、nginx配置

nginx配置很重要!
若依框架前后端分离版发布服务器(非docker版)_第5张图片
配置nginx若依项目后端访问接口:

若依框架前后端分离版发布服务器(非docker版)_第6张图片
配置:

location /two{
            alias   /usr/local/ruoyi/dist;
            index  index.html index.htm;
            try_files $uri $uri/ /supplier/index.html;
        }


location /prod-api/ {
        # rewrite ^/dev-api/(.*)$ /$1 break;
        # proxy_pass http://117.73.11.19:8086;

         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://localhost:8086/;
         #proxy_connect_timeout 6000s;
         #proxy_read_timeout  6000s;
         #proxy_send_timeout  6000s;
        }

配置完成后重启 nginx,输入ip+端口号/自定义路径 访问,因为我这个是多项目部署所以需要又自定义路径。

你可能感兴趣的:(萌新入门,服务器,docker,运维)