一个简单的跨域问题，一不小心就带来三个大大的 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极客技术设为一个星标。

最后感谢各位的阅读，才疏学浅，难免存在纰漏，如果你发现错误的地方，由于本号没有留言功能，还请你在后台留言指出，我对其加以修改。

最后谢谢大家支持~

最最后，重要的事再说一篇~

快来关注我呀~
快来关注我呀~
快来关注我呀~

< END >

如果大家喜欢我们的文章，欢迎大家转发，点击在看让更多的人看到。也欢迎大家热爱技术和学习的朋友加入的我们的知识星球当中，我们共同成长，进步。

往期精彩回顾

原来使用 Spring 实现策略模式可以这么简单！

SpringBoot 项目接入 Redis 集群

“科班出身”的程序员和“培训出身”的程序员的大型辩论(甩锅)现场

面试官让我手写一个读写锁出来，我...