解决vue获取spring boot数据是出现的跨域问题

vue:

1.执行：vue add axios 安装插件

2.添加初始化方法：

created(){

const _this = this

axios.get('url’).then(function(resp){

_this.变量名 = resp.data

})

}

3.v-for报错的解决方法：

1）文件 –>首选项 –>设置 –>在搜索框中输入：vetur.validation.template–>找到vetur.validation.template：true–>改为false

2）绑定 :key

springboot:

1.添加@Configuration注解

2.实现WebMvcConfigurer接口

3.重新addCorsMappings(CorsRegistry registry)方法

registry.addMapping( pathPattern:"/**")

.allowedOrigins("*")

.allowedMethods("GET","HEAD","POST","PUT","DELETE","OPTIONS")

.allowCredentials(true)

.maxAge(3000)

.allowedHeaders("*");

第一次写博客，无论是表达或是技术都不算成熟，希望每位查看者多多指点，愿意与大家分享自己的发现和解决的每一个问题。

— —我是一只java小菜鸟，或许永远飞不高，但我永远渴望远方！