VUE跨域问题 No 'Access-Control-Allow-Origin' header is present on the requested resource.

问题描述:

  • 使用vue-resource进行get请求,然后就出现跨域访问的问题,由于后台使用springBoot进行创建的,添加下面一个类解决了跨域问题

 

解决办法

import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.CorsRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;


@Configuration
public class CorsConfig implements WebMvcConfigurer {

    @Override
    public void addCorsMappings(CorsRegistry registry) {
        registry.addMapping("/**")
                .allowedOrigins("*")
                .allowedMethods("GET", "HEAD", "POST", "PUT", "DELETE", "OPTIONS")
                .allowCredentials(true)
                .maxAge(3600)
                .allowedHeaders("*");
    }
}

再次重启服务器,然后重新访问

在这里记录一下使用vue-resource的get请求遇到的坑

  • 请求结果需要使用 JSON.parese()进行json转化 
  • 如果不转换 返回的就是一个字符串 如下 '返回值'
发布了255 篇原创文章 · 获赞 188 · 访问量 64万+

猜你喜欢

转载自blog.csdn.net/qq_40646143/article/details/104804120