当一个请求url的协议、域名、端口三者之间任意一个与当前页面url不同即为跨域。
比如我的前端地址为:
http://localhost:8080/foodie-shop/
后端为:
http://localhost:8088
用的都是http协议,都是在本地所以都是localhost,
但是端口号不一样,所以造成了跨域问题。
我用的Java语言,并且是后端程序员,所以创建一个CorsConfig类来解决跨域问题。
【CORS是一个W3C标准,全称是"跨域资源共享"(Cross-origin resource sharing)】
CorsConfig类:在后端
package com.imooc.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 {
public CorsConfig() {
}
@Bean
public CorsFilter corsFilter() {
// 1. 添加cors配置信息
CorsConfiguration config = new CorsConfiguration();
//允许前端访问的路径
config.addAllowedOrigin("http://localhost:8080");
config.addAllowedOrigin("http://shop.z.mukewang.com:8080");
config.addAllowedOrigin("http://center.z.mukewang.com:8080");
config.addAllowedOrigin("http://shop.z.mukewang.com");
config.addAllowedOrigin("http://center.z.mukewang.com");
config.addAllowedOrigin("*");
// 设置是否发送cookie信息
config.setAllowCredentials(true);
// 设置允许请求的方式:Get/POST/...
config.addAllowedMethod("*");
// 设置允许的header
config.addAllowedHeader("*");
// 2. 为url添加映射路径
UrlBasedCorsConfigurationSource corsSource = new UrlBasedCorsConfigurationSource();
corsSource.registerCorsConfiguration("/**", config);
// 3. 返回重新定义好的corsSource
return new CorsFilter(corsSource);
}
}
别人的解决方案:
https://blog.csdn.net/qq_38128179/article/details/84956552