1004-设置跨域配置实现前后端联调

一、前端网站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;