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

 

 

 

Logo

前往低代码交流专区

更多推荐