vue与springboot分离开发的项目如何打包上线

将vue与springboot分离开发的项目打包上线可以分为以下几个步骤：

1. 打包vue项目：在vue项目根目录下，使用命令行运行`npm run build`，该命令会在项目根目录下生成一个dist目录，里面包含了打包后的静态文件。

2. 拷贝vue打包文件：将打包生成的dist目录中的所有文件拷贝到springboot项目的静态资源目录下，一般是springboot项目的resources/static目录。

3. 在springboot中启动vue静态资源：在springboot项目的Controller中新增一个RequestMapping，使其映射到vue的首页。例如，可以在HomeController中添加如下代码：

@Controller
public class HomeController {
   @RequestMapping(value = {"/", "/index"})
   public String index() {
      return "index.html";
   }
}

这样访问项目的根路径或/index路径时，就会自动访问vue的首页。

4. 打包springboot项目：使用springboot内置的打包功能将整个项目打包成一个可执行的jar文件。可以使用如下命令进行打包：

mvn clean package

打包完成后，在项目的target目录下会生成一个以.jar结尾的可执行文件。

5. 部署上线：将打包生成的jar文件上传到部署服务器上，并安装Java运行环境。然后使用命令行运行以下命令启动springboot项目：

java -jar yourjarfilename.jar

项目就会在服务器上运行起来，可以通过访问服务器IP地址+配置的端口号来访问项目了。

通过以上步骤，就可以将vue与springboot分离开发的项目打包上线。将vue的静态资源打包到springboot项目中，并在springboot中启动静态资源。然后使用springboot内置的打包功能将整个项目打包成一个可执行的jar文件，最终将jar文件部署到服务器上运行。