解决vue前后端分离使用ajax跨域问题 Access to XMLHttpRequest at ‘http://localhost:8081...

项目前后端分离，会报Access to XMLHttpRequest at ‘http://localhost:8081类似于这样的错误，我忘记截图了，就找了一张图

 可以尝试从后端解决，在springboot项目文件src\main\java\com\example\demo下新建一个config文件夹，加上CorsConfig类，类里面写：

package com.example.demo.config;

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;
//解决前端跨域问题
@Configuration
public class CorsConfig {
    @Bean
    public CorsFilter corsFilter() {
        final UrlBasedCorsConfigurationSource urlBasedCorsConfigurationSource = new UrlBasedCorsConfigurationSource();
        final CorsConfiguration corsConfiguration = new CorsConfiguration();
        /*是否允许请求带有验证信息*/
        corsConfiguration.setAllowCredentials(true);
        /*允许访问的客户端域名*/
        corsConfiguration.addAllowedOrigin("*");
        /*允许服务端访问的客户端请求头*/
        corsConfiguration.addAllowedHeader("*");
        /*允许访问的方法名,GET POST等*/
        corsConfiguration.addAllowedMethod("*");
        urlBasedCorsConfigurationSource.registerCorsConfiguration("/**", corsConfiguration);
        return new CorsFilter(urlBasedCorsConfigurationSource);
    }
}

我前端代码没有更改。。。 

具体可以看看这个，写的挺好

(3条消息) 后端如何解决跨域问题_CrazySnail_x的博客-CSDN博客_后端跨域