vue+springboot前后端分离跨域问题
第一种方法(需要cookie时):前端页面main.js中配置import axiosfrom 'axios',axios.defaults.withCredentials=false;后台controller类上面添加注解@CrossOrigin或者配置类Cors,并且让contoller继承这个类package com.travelsky.ttp.ssp.confi...
第一种方法(需要cookie时):
前端页面main.js中配置
import axios from 'axios',
axios.defaults.withCredentials=false;
后台controller类上面添加注解@CrossOrigin或者配置类Cors,并且让contoller继承这个类
package com.travelsky.ttp.ssp.config;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.CorsRegistry;
import org.springframework.web.servlet.config.annotation.EnableWebMvc;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurerAdapter;
/**
* @author zhangcunli
* 解决跨域问题
*/
@Configuration
@EnableWebMvc
public class Cors extends WebMvcConfigurerAdapter {
@Override
public void addCorsMappings(CorsRegistry registry) {
registry.addMapping("/**")
.allowedOrigins("http://localhost:8080") //注意此处必须为前端地址,不能为*
.allowedMethods("GET", "POST", "PUT", "OPTIONS", "DELETE", "PATCH")
.allowCredentials(true).maxAge(3600);
}
}
第二种方法:
前端不作处理,后端直接添加注释@CrossOrigin 或者配置类Cor,注意allowedOrigins("*")括号里面是*
package com.travelsky.ttp.ssp.config;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.CorsRegistry;
import org.springframework.web.servlet.config.annotation.EnableWebMvc;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurerAdapter;
/**
* @author zhangcunli
* 解决跨域问题
*/
@Configuration
@EnableWebMvc
public class Cors extends WebMvcConfigurerAdapter {
@Override
public void addCorsMappings(CorsRegistry registry) {
registry.addMapping("/**")
.allowedOrigins("*") //注意此处必须为前端地址,不能为*
.allowedMethods("GET", "POST", "PUT", "OPTIONS", "DELETE", "PATCH")
.allowCredentials(true).maxAge(3600);
}
}
更多推荐
所有评论(0)