访问spring.io，在上方的projects找到spring Initializr，配置如下：
点击下方的GENERATE下载。
解压到你的workspace文件夹，然后将该位置复制，IDEA中点击左上角->打开，粘贴文件地址，选中springboottest根目录，确定。
此时点信任，信任该文件夹，打开新窗口。
还是左上角->setting，搜索Maven，配置如下：
其中repo为自己创建的，路径参考上图。点击应用->确定。
等待漫长的下载过程，请保持网络通畅。
生成的项目打开src->main->java->com.neu.springboottest->SpringboottestApplication，点击运行main方法，出现下图成功：
如果此时出现一些版本不兼容、Maven同步有问题等错误，记得将Maven中的自己创建的repo文件清空，重新加载，直到不报错为止。
还要注意项目结构中JDK的配置问题。
看控制台信息，向上滑给出默认端口号：
访问：
出现该错误页面是正确的。
此时在com.neu.springboottest下新建文件：controller，在controller下新建一个类：HelloController，在里面编写如下代码：
package com.neu.springboottest;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RestController;
@RestController
public class HelloController {
@GetMapping("sayhello")
public String sayHello() {
return "Hello Springboot HelloController";
}
}
访问localhost:8080/sayhello即可看到在左上角：
接着可以在前端修改，打开vue.config.js，在之前配置的picserver下，同样加入：
'/backendserver':{
target:'http://localhost:8080',
changeOrigin:true,
pathRewrite:{
'^/backendserver':''
}
}
找到SubHello1.vue，新加一个result2：
<div> <div>{{result2}}</div> <div><el-button type="primary" @click="getSayHello">getSayHello</el-button></div> </div>
下面加入方法：
function getSayHello() {
axios.get("/backendserver/sayhello").then((response) => {
console.log(response.data)
result2.value = response.data
})
}
别忘了定义result2：let result2 = ref(null)
保存、重启一下服务，点击GetSayHello按钮可以看到：
