vue+springboot前后端分离跨域问题

第一种方法（需要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);
    }
   
   
}