若依前后端分离项目部署到域名并配置访问

若依前后端分离项目部署到域名并配置访问

引用

CSDN

1.

https://blog.csdn.net/Salt_NaCl/article/details/144825428

目录

• 前端
• 1.打包前修改配置文件
• 修改vue.config.js
• 2.打包
• 3.配置静态文件
• 后端
• 1.打包前修改配置文件
• 修改数据库配置
• 修改运行端口
• 2.后端项目打包
• 3.后端项目部署
• 4.项目域名配置
• 5.配置ssl证书

前端

1.打包前修改配置文件

修改vue.config.js

若有域名，则配置
target
为
域名
，若无域名，则配置
target
为
http://localhost:8799

publicPath中一定要为
/
，而不能是
./
,会导致登录后的菜单页面除第一次访问外的其他菜单访问均无法响应。

2.打包

在命令行中输入
npm run build:prod
后，会在
ruoyi-ui
根目录下生成
dist
文件，将
dist
文件
全部内容
上传至服务器即可。

3.配置静态文件

设置静态文件目录为上传时选择的服务器文件夹。并配置
java
项目的
外网映射
。

后端

1.打包前修改配置文件

修改数据库配置

修改运行端口

2.后端项目打包

依次在
管理员权限
的命令行中运行
clean.bat
、
package.bat
。运行成功后会在
ruoyi-admin
文件目录下生成一个
ruoyi-admin.jar
的jar包，如下图：

3.后端项目部署

将
jar包
上传到文件目录中。点击
java项目添加
，选择
jar路径
（为jar存放地址）。

启动用户
一定要选择
root
，不然会一直启动失败。如果有申请域名，这里可以填写在绑定域名中。

4.项目域名配置

到第三部完成后，项目已经在服务器上运行成功了。但是没有配置好域名及代理，此时访问绑定域名，后台还无法访问。需要做如下配置：

    #STATIC-START 静态资源相关配置
    location / {
         root /www/wwwroot/luckDraw/vue;
         index index.html;
         try_files $uri $uri/ /index.html;
    }
    #STATIC-END
    #PROXY-LOCAl-START 代理本地服务的相关配置
    #PROXY-START/prod-api/
    location /prod-api/ {
        rewrite ^/prod-api/(.*)$ /$1 break;
        proxy_pass http://127.0.0.1:8799;
        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_set_header REMOTE-HOST $remote_addr;
        add_header X-Cache $upstream_cache_status;
        proxy_set_header X-Host $host:$server_port;
        proxy_set_header X-Scheme $scheme;
        proxy_connect_timeout 30s;
        proxy_read_timeout 86400s;
        proxy_send_timeout 30s;
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection "upgrade";
    }
    #PROXY-END/prod-api/

在nginx配置文件中做如上配置，一定要配置
location /
为前端文件打包根路径，后端配置时需要
必须配置
以下代理，方可请求访问。

        rewrite ^/prod-api/(.*)$ /$1 break;
        proxy_pass http://127.0.0.1:8799;

local /
的配置可在
外网映射
中配置
静态文件
选择前端根目录自动生成，
localtion /prod-api/
的配置也可在外网映射端口代理中部分生成。（不会自动生成rewrite，会导致后端接口无法访问）。

5.配置ssl证书

配置ssl证书后，域名即可在线访问，若前述内容配置无误，则输入域名可访问到前后端项目，至此项目部署至服务器全部完成。