vue+springboot实现项目的cors跨域请求

Vue和Spring Boot是两个独立的框架，它们运行在不同的环境中，Vue是基于浏览器的前端框架，而Spring Boot是基于Java的后端框架。因此，Vue和Spring Boot之间的跨域请求是一个非常常见的问题。

CORS（跨域资源共享）解决了浏览器在不同源之间共享资源的问题。为了实现Vue和Spring Boot之间的跨域请求，我们需要在Spring Boot应用程序中配置支持CORS的头信息。

在Spring Boot应用程序中实现CORS跨域请求的配置非常简单。我们只需要在Spring Boot的配置文件（如application.properties）中添加以下配置：

spring.web.cors.allowed-origins = http://localhost:8080
spring.web.cors.allow-credentials = true
spring.web.cors.allowed-methods = GET,POST,PUT,DELETE
spring.web.cors.allowed-headers = *

这个配置允许来自http://localhost:8080的跨域请求，并允许GET，POST，PUT和DELETE方法。它也允许任何头信息。

Vue提供了一个Axios库，Axios是一个基于Promise的HTTP库，用于发送异步请求。在Vue应用程序中，我们只需要在发送请求时设置withCredentials参数为true，这告诉浏览器在跨域请求中包括凭据信息。例如：

axios.get('http://localhost:8081/api/users', { withCredentials: true })
.then(response => {
  console.log(response.data)
})
.catch(error => {
  console.log(error)
})

以上就是使用Vue和Spring Boot实现CORS跨域请求的步骤。