Java中springboot框架解决跨域请求

创建一个CrossingConfig配置类,复制下面的代码粘贴即可,如图:

package com.springboot.config;

import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.cors.CorsConfiguration;
import org.springframework.web.cors.UrlBasedCorsConfigurationSource;
import org.springframework.web.filter.CorsFilter;

/**
 * @ClassName: CrossingConfig
 * @Description: 实现基本的跨域请求
 * 
 * 可以在这里配置跨域请求后就不用在vue项目配置,在vue项目里面直接这样访问
	show () {
		this.$ajax.get('http://localhost:8089/user/list').then((resp) => { // 从本地请求的数据接口
			const datas = resp.data
			console.log(datas)
		}).catch((err) => {
			console.log(err)
		})
	}
 * 也可以不用在这里配置,在vue项目的config文件夹下的index.js文件配置跨域请求
	proxyTable: {
		'/api': { // /api可以代理http://localhost:8089
			target: 'http://localhost:8089', //后端接口地址
			changeOrigin: true, //是否允许跨越
			pathRewrite: { //路径重写
				'^/api': '', //重写,用'/api'代替target里面的地址
			}
		}
	},
 * 在vue项目里面直接这样访问
	show () {
		this.$ajax.get('/api/user/list').then((resp) => { // 从本地请求的数据接口
			const datas = resp.data
			console.log(datas)
		}).catch((err) => {
			console.log(err)
		})
	}
 * 也可以两个地方都配置
 */
@Configuration // 表示该类是一个配置类
public class CrossingConfig {

	private CorsConfiguration buildConfig() {
		CorsConfiguration corsConfiguration = new CorsConfiguration();
		corsConfiguration.addAllowedOrigin("*"); // 允许任何域名使用
		corsConfiguration.addAllowedHeader("*"); // 允许任何头
		corsConfiguration.addAllowedMethod("*"); // 允许任何方法(post、get等)
		return corsConfiguration;
	}

	@Bean
	public CorsFilter corsFilter() {
		UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
		source.registerCorsConfiguration("/**", buildConfig()); // 对接口配置跨域设置
		return new CorsFilter(source);
	}

}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值