一个简单的跨域问题，一不小心就带来三个大大的 BUG

每天早上七点三十，准时推送干货

hello 大家好，我是阿粉，最近在做一个前后分离的项目，天天除了跟前端就是跟测试撕逼。今天，阿粉带着大家来了解一下 最近在项目中遇到的一个坑。

需求

前端用了个富文本插件 Ueditor ，插件初始化的时候需要从后端获取 config 配置。

入坑经历

首先看下最开始的代码：

 @RequestMapping(value = "/getConfig")
    public Object getConfig(HttpServletRequest request){
       return readConfig()；
    }

 /**
     * 读取配置文件
     * @return
     */
    private UedConfig readConfig() {
        String path = this.getClass().getResource("/").getPath();
        FileInputStream fileInputStream = new FileInputStream(path + "config/ued_config.json");
        //读出来,转成对象返回
        ...
    }

代码大概就是这样，然后启动起来之后，前端告诉我没有获取到信息。纳尼，我postman自测都没问题，有数据返回。然后阿粉跑去问前端，有报错吗？前端说跨域了。当时阿粉就不乐意了，马上 ctrl+c 加上ctrl+v 把后端处理跨域请求的配置发给前端。然后前端告诉我是jsonp 请求跨域。阿粉一脸懵逼？？？jsonp 跨域？没听说过啊。马上找度娘去，果然一搜全是处理方式。因为是 springboot 项目，所以找了个最简单的。看代码：

@ControllerAdvice
public class JsonpAdvice extends AbstractJsonpResponseBodyAdvice {
    public JsonpAdvice(){
        super("callback");
    }
}

看，是不是很简单。要是 AbstractJsonpResponseBodyAdvice 这个单词下面没有红线就更完美了。没有引入类吗？怎么难得倒阿粉呢。alt+enter，嗯哼，什么情况，没有这个类？不可能啊。马上问度娘一下，原来这个类是 springboot 2.0以下才有。那怎么办呢？2.0以上好像没有处理 jsonp 跨域的方式啊。阿粉又在百度搜啊搜，果然，皇天不负有心人，阿粉看到 jackson 里面有个类 JSONPObject 可以处理，然后阿粉改了一下代码：

@RequestMapping(value = "/getConfig")
public Object getConfig(String callback,HttpServletRequest request){
    return new JSONPObject(callback,readConfig());
}

然后重启,自测没问题。让前端试下，可以正常获取。OK，完美。

后面项目完成了，前后端也对接完了，发到测试环境，让测试人员测试。Duang~一个bug扔阿粉头上，获取配置失败。不可能啊，肯定是前端的问题，跑去找前端让前端看下。前端看了之后给我来了一句，测试环境不跨域。瞬间一万头草尼玛从头上飘过。阿粉辛辛苦苦花了几个小时才把跨域问题处理了，你给我说测试环境不跨域。

哎，没办法，这口锅只能自己含泪抗下了。然后阿粉又改了一次代码：

@RequestMapping(value = "/getConfig")
public Object getConfig(String callback,HttpServletRequest request){
    return StringUtils.isEmpty(callback) ? readConfig() : new JSONPObject(callback,readConfig());
}

还是做了个兼容，因为前端还需要连我本地调试。不过这次应该没有问题了吧，阿粉心里还是有些小得意。提交代码，发测试，搞定。

Duang~同样的bug再一次扔在了阿粉脸上。心都凉了，怎么回事呢？日志也没报错啊。捣鼓半天，不知道什么原因，阿粉只能加写log，因为在测试环境不好调试，也没报错。然后让运维配合一下，然后发现 this.getClass().getResource("/").getPath() 得到的路径不对，阿粉再一次一脸懵逼，这个不是获取项目根路径吗？怎么回事呢。

然后阿粉又厚着脸皮找度娘，果然一下就找到原因了，因为 springboot 集成了tomcat，项目直接是打成 jar 包运行的，不能通过 this.getClass().getResource("/").getPath() 这种获取项目根路径的方式来获取，只能通过流的方式，然后阿粉又改了下代码：

/**
     * 读取配置文件
     * @return
     */
private UedConfig readConfig() {
    InputStream resourceAsStream = this.getClass().getResourceAsStream("/"+"config/ued_config.json");
    //读出来,转成对象返回
    ...
}

好了，这次提交之后终于可以了。解决了 bug ，阿粉心里美滋滋。

总结

经常看到一些小伙伴说，本地对接没问题，怎么一到测试环境就那么多 bug 呢。阿粉总结了一下，主要还是以下几点：

1. 系统不一样，本地一般都是window系统，而测试和线上一般都是 linux 系统。

2. 运行方式不一样，本地 springboot 项目是通过代码工具 （idea）启动，而测试和线上是通过 jar 包启动。

3. 比如还有一些其他 jar 引入的问题

4. 。。。

好了，阿粉这次的分享就到这里了。希望阅读阿粉文章的朋友少走一些弯路。要是觉得有用的话，记得点个赞哦。

最后说两句（求关注）

整理过去一年 Java 极客技术发表的文章 整理完毕之后，阿粉自己都被自己惊到了，在过去的一年多时间里，竟然发表了 400+ 原创篇文章，整理出来精选文章竟然足足有 800 多页！

一.Java 篇

接下来阿粉带你看看具体都有啥，Java 篇，从基础到进阶都有，帮你夯实 Java 技能

二.面试篇

可以说是篇篇经典了，这里面有真实的面经分享，有高频面试点分享，如果能够认认真真读完的话，以后和面试官扯皮再也不怕了

三.容器篇

我知道现在云原生的概念这么火，那么懂容器的概念，会使用 docker ，只是这一点就足以让你的职业生涯再添一笔辉煌的经验，所以阿粉在容器篇整理了一个系列，从入门安装到手把手部署网站，绝对可以让你快速上手 docker ！

四.并发&多线路

说到并发 & 多线程这块，阿粉就想哭撩~

这块内容阿粉写的文章其实是挺多的，而且每次写的时候，头发都会掉不少，

阿粉的这本 PDF 是要为读者们负责的，所以这 4 篇不要小看，阅读量都是很可以的，读完绝对可以让你清楚明白（毕竟阿粉禁不住夸嘛，所以要多夸夸我，多点点在看呀）

这个价值，我就不多说啦，大家都是技术老手！

五.Spring篇

至于 Spring 多重要就不用阿粉来强调了吧？Spring 都没玩转，敢说自己精通 Spring Boot & Spring Cloud ？

六.Spring Boot

阿粉知道 Spring Boot 现在也是很火的，那我这个暖男，肯定也给亲爱的读者们准备好了，帮你从基础到进阶，还有真实案例分享，就问你阿粉暖不暖？

整理出来精选文章竟然足足有 800 多页！

看完介绍，你心动了吗？这本 PDF 想要吗？

后台回复  888  即可免费获得！

还想和阿粉进行进一步的沟通和交流？