一、前端网站app.js
window.app = {
/* 开发环境 */
serverUrl: "http://localhost:8088", // 接口服务接口地址
paymentServerUrl: "http://192.168.1.3:8089", // 支付中心服务地址
shopServerUrl: "http://localhost:8080/foodie-shop/", // 门户网站地址
centerServerUrl: "http://localhost:8080/foodie-center/", // 用户中心地址
cookieDomain: "",
......
......
......
}
二、后端新增配置类
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);
// 设置允许请求的方式
config.addAllowedMethod("*");
// 设置允许的header
config.addAllowedHeader("*");
// 2. 为url添加映射路径
UrlBasedCorsConfigurationSource corsSource = new UrlBasedCorsConfigurationSource();
corsSource.registerCorsConfiguration("/**", config);
// 3. 返回重新定义好的corsSource
return new CorsFilter(corsSource);
}
}
说明:
其中8088是后端启动的tomcat端口。
8080是前端启动的tomcat端口。
ajax中进行调试的话,可以使用 关键字 debugger;