Idea实现springboot+vue项目整合

1.首先在Idea中分别创建一个vue项目一个springboot项目(前面文章说过),右键uve项目,新创建一个子项目,New->Module

2.选择Maven->Next

3.填写项目名称,选择Finish

这样就创建好了一个springboot项目

但是由于这样的springboot项目缺少组件,pom文件中缺少很多依赖,所以最好将我们之前创建好的springboot项目导入进来

4.删除springboot项目的src和pom.xml

5.将最初创建完成的springboot项目中的src和pom.xml复制到整合项目的子项目springboot项目中,之后新建一个文件夹vue

将项目文件夹中node_modules,public,src,babel.config.js,package.json,package-lock.json全部移动到vue文件夹中,这样项目就形成了非常清晰的前后端分离项目,前端使用vue,后端使用springboot!

注意!!!!!!!!!!!!!!!

要是项目中pom.xml中的标签project显示报错,如下图所示:

首先检查Maven是否已经选中选对位置:

若已经选中还是报错,可以更换pom文件中springboot版本,更换成:

<parent>
		<groupId>org.springframework.boot</groupId>
		<artifactId>spring-boot-starter-parent</artifactId>
		<version>2.2.5.RELEASE</version><!--2.3.3.RELEASE-->
		<relativePath/> <!-- lookup parent from repository -->
	</parent>

就成功啦!!!

6.启动项目

启动成功!!!!!!!!!!!!!!!

  • 1
    点赞
  • 28
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值