用idea写vue前后端交互

首先，你需要创建一个Vue项目和一个Spring Boot项目，然后将它们连接在一起。接下来，你需要在Vue项目中使用axios库来向后端发送请求。具体步骤如下：

1. 在Vue项目中安装axios库：在终端中输入命令 npm install axios --save。

2. 在Vue组件中引入axios库：在<script>标签中添加以下代码：

import axios from 'axios';

3. 发送请求：在Vue组件中添加以下代码，向后端发送GET请求：

axios.get('/api/data').then(response => {
    console.log(response.data);
}).catch(error => {
    console.log(error);
});

其中，/api/data是后端接口的地址，你需要根据你的后端代码进行相应的修改。

4. 后端代码实现：在Spring Boot项目中创建一个Controller类，添加@RequestMapping注解，并实现相应的方法，如下所示：

@RestController
public class DataController {
    
    @RequestMapping("/api/data")
    public String getData() {
        return "Hello World!";
    }
}

其中，@RestController注解表示该类是一个控制器，@RequestMapping("/api/data")注解表示该方法对应的接口地址是/api/data，getData()方法返回一个字符串"Hello World!"，你可以根据需要进行修改。

5. 运行项目：在终端中进入Vue项目的根目录，输入命令npm run serve启动Vue项目；在另一个终端中进入Spring Boot项目的根目录，输入命令mvn spring-boot:run启动Spring Boot项目。

现在，你可以在浏览器中访问Vue项目的地址，向后端发送请求了。