欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Spring boot 和Vue開(kāi)發(fā)中CORS跨域問(wèn)題解決

 更新時(shí)間：2018年09月05日 10:55:06   作者：青春無(wú)罪  
這篇文章主要介紹了Spring boot 和Vue開(kāi)發(fā)中CORS跨域問(wèn)題解決，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

跨域資源共享CORS（Cross-origin Resource Sharing），是W3C的一個(gè)標(biāo)準(zhǔn)，允許瀏覽器向跨源的服務(wù)器發(fā)起XMLHttpRequest請(qǐng)求，克服ajax請(qǐng)求只能同源使用的限制。關(guān)于CORS的詳細(xì)解讀，可參考阮一峰大神的博客：跨域資源共享CORS詳解。

1. 遇到的問(wèn)題：

我用spring-boot 做Rest服務(wù)，Vue做前端框架，用了element-admin-ui這個(gè)框架做后臺(tái)管理。在調(diào)試的過(guò)程中遇到了如下錯(cuò)誤:

Preflight response is not successful

2. 分析問(wèn)題

這個(gè)問(wèn)題是典型的CORS跨域問(wèn)題。

所謂跨域：

跨域，指的是瀏覽器不能執(zhí)行其他網(wǎng)站的腳本。它是由瀏覽器的同源策略造成的，是瀏覽器對(duì)JavaScript施加的安全限制。

3. 解決方法

在項(xiàng)目中添加類(lèi)CustomCORSConfiguration 代碼如下：

import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.cors.CorsConfiguration;
import org.springframework.web.cors.UrlBasedCorsConfigurationSource;
import org.springframework.web.filter.CorsFilter;

/**
 * @author spartajet
 * @description
 * @create 2018-05-15 下午5:00
 * @email spartajet.guo@gmail.com
 */
@Configuration
public class CustomCORSConfiguration {
  private CorsConfiguration buildConfig() {
    CorsConfiguration corsConfiguration = new CorsConfiguration();
    corsConfiguration.addAllowedOrigin("*");
    corsConfiguration.addAllowedHeader("*");
    corsConfiguration.addAllowedMethod("*");
    corsConfiguration.setAllowCredentials(true);
    return corsConfiguration;
  }

  @Bean
  public CorsFilter corsFilter() {
    UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
    source.registerCorsConfiguration("/**", buildConfig());
    return new CorsFilter(source);
  }
}

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論