可以通过在springboot项目中配置跨域请求的过滤器来解决整合vue中的跨域问题。具体步骤如下:
org.springframework.web.servlet.config.annotation.WebMvcConfigurerAdapter
,并重写addCorsMappings
方法,如下:@Configuration
public class CorsConfig extends WebMvcConfigurerAdapter {
@Override
public void addCorsMappings(CorsRegistry registry) {
registry.addMapping("/**")
.allowedOrigins("*")
.allowedMethods("GET", "POST", "PUT", "DELETE")
.allowCredentials(true)
.maxAge(3600);
}
}
// main.js
import axios from 'axios'
axios.interceptors.request.use(
config => {
config.headers['Content-Type'] = 'application/json'
config.headers['Access-Control-Allow-Origin'] = '*'
return config
},
error => {
return Promise.reject(error)
}
)
通过以上步骤,可以解决springboot整合vue中的跨域问题,使得前后端项目可以正常通信。