宝塔部署springboot vue ruoyi前后端分离项目,分离lib、resources

1、“文件”中创建好相关项目目录,并将项目相关文件传到对应目录
    例如:项目名称/                #项目总目录
                             api/                #存放jar项目的Java项目文件
                             manage/        #vue管理后端界面
                                       uploads/    #上传文件保存位置,在manage目录下或其他(记得加伪静态)
                             ......
                            
2、“添加Java项目” 
    1) 选择项目jar路径, 前面"文件"创建好的jar主启动文件
    2) 确认好端口 例如:8081
    3) 项目JDK, 一定要确认好项目所支持的版本,否则启动失败
    4) 项目执行命令
       a) 如果项目是打成一个jar包的,不需要做修改,直接用
       b) 如果是拆包编译的需要加入,注意位置和空格,一般在主jar包前面

-Dloader.path=/路径/api/resources,/路径/api/lib

     5) 前后端分离  勾选
       a) 后端url: 根据vue打包时vite.config.js中的server.proxy填写 例如: /prod-api
       b) 前端url: 不需要做修改
       c) 前端根目录: 前面"文件"创建好的vue界面目录

 

3、"确定"就可以了吗?
   如果是单一jar包编译的项目,确实是没什么问题了,
   但是如果是 拆包编译的,那么还需要做修改
    1) 点击对应"项目名称"->"伪静态"

# 重写规则,确保前端路由正常工作, 解决刷新时资源 404
location / {
  try_files $uri $uri/ /index.html;
}

    2) 点击对应"项目名称"->"配置文件"
      这边一定注意,不要随意修改,
      找到"location /prod-api { "  在" { "下面一行加入,加入后前端调用接口地址才正常

rewrite ^/prod-api/(.*)$ /$1 break;	#去除 /prod-api 前缀

4、仅供参考的配置(中文记得改)

#---项目执行命令---

/www/server/java/jdk1.8.0_371/bin/java -jar -Xms256m -Xmx1024m -XX:MetaspaceSize=128m -XX:MaxMetaspaceSize=512m -Dloader.path=/www/wwwroot/项目总目录/api/resources,/www/wwwroot/项目总目录/api/lib /www/wwwroot/项目总目录/api/ruoyi-admin.jar --server.port=8083
	
#---伪静态---

	# 重写规则,确保前端路由正常工作
	location / {
		try_files $uri $uri/ /index.html;
	}
	

#---配置文件---

	# HTTP反向代理相关配置开始 >>>
    location ~ /purge(/.*) {
        proxy_cache_purge cache_one $Host$request_uri$is_args$args;
    }

    location /prod-api {
        # 去除 /prod-api 前缀
	    rewrite ^/prod-api/(.*)$ /$1 break;
        proxy_pass http://127.0.0.1:8081;
        proxy_set_header Host $Host:$server_port;
        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";
    }
    # HTTP反向代理相关配置结束 <<<

  • 3
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
搭建Spring BootVue前后端分离项目需要以下步骤: 1. 安装环境:首先,需要安装Java JDK和Maven来支持Spring Boot的开发。可以去官方网站下载并安装。然后,安装Node.js和Vue CLI来支持Vue的开发。 2. 创建Spring Boot项目:使用Maven创建一个Spring Boot项目,可以使用宝塔面板自带的Maven插件进行构建,也可以通过命令行进入项目目录,运行`mvn clean install`来创建项目。 3. 编写后端代码:在Spring Boot项目中编写后端逻辑,包括接口的实现、数据库的操作等。可以选择使用Spring Data JPA来简化对数据库的操作。 4. 创建Vue项目:使用Vue CLI创建一个Vue项目,可以通过宝塔面板自带的Node.js插件进行创建,也可以通过命令行运行`vue create 项目名`来创建。 5. 编写前端代码:在Vue项目中编写前端逻辑,包括页面的布局、调用后台接口等。可以使用axios库来发送HTTP请求。 6. 配置跨域:由于前后端分离项目可能存在不同端口的情况,需要进行跨域配置。可以在Spring Boot项目的配置文件中添加`@CrossOrigin`注解,允许指定的域访问接口。 7. 打包部署:完成开发后,可以使用Maven将后端项目打包成一个独立的Jar文件。然后,将打包好的Jar文件上传到宝塔面板上的对应目录。将Vue项目使用`npm run build`命令打包成静态文件,然后将打包好的文件上传到宝塔面板对应的目录。 8. 配置Nginx反向代理:为了将前后端项目结合在一起,可以使用Nginx配置反向代理,将前端的请求转发给后端的接口。在宝塔面板上找到对应的站点,进行Nginx配置。 通过以上步骤,就可以搭建一个基于Spring BootVue前后端分离项目,并将项目部署宝塔面板上进行访问和使用。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值