Vue和Spring Boot的跨域配置。
时间: 2024-06-10 07:06:31 浏览: 187
Spring boot 和Vue开发中CORS跨域问题解决
5星 · 资源好评率100%
关于Vue和Spring Boot的跨域配置,可以参考以下步骤:
1.在Spring Boot的配置文件中添加如下配置:
```java
@Configuration
public class CorsConfig {
@Bean
public WebMvcConfigurer corsConfigurer() {
return new WebMvcConfigurerAdapter() {
@Override
public void addCorsMappings(CorsRegistry registry) {
// 允许跨域请求的路径
registry.addMapping("/**")
// 允许跨域请求的域名
.allowedOrigins("*")
// 允许跨域请求的方法
.allowedMethods("GET", "POST", "DELETE", "PUT")
// 是否允许证书
.allowCredentials(true)
// 跨域允许时间
.maxAge(3600);
}
};
}
}
```
2.在Vue的配置文件(vue.config.js)中添加如下配置:
```javascript
module.exports = {
devServer: {
// 开启代理跨域
proxy: {
'/api': {
target: 'http://localhost:8080', // 代理的目标地址
changeOrigin: true, // 是否允许跨域
pathRewrite: {
'^/api': '/api', // 重写路径
},
},
},
},
};
```
需要注意的是,这里的 '/api' 是代理后台的请求前缀,可以自行修改。
阅读全文