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

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

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

[[344473]]

需求

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

入坑经历

首先看下最开始的代码:

  1. @RequestMapping(value = "/getConfig"
  2.    public Object getConfig(HttpServletRequest request){ 
  3.       return readConfig(); 
  4.    } 
  5.  
  6. /** 
  7.     * 读取配置文件 
  8.     * @return 
  9.     */ 
  10.    private UedConfig readConfig() { 
  11.        String path = this.getClass().getResource("/").getPath(); 
  12.        FileInputStream fileInputStream = new FileInputStream(path + "config/ued_config.json"); 
  13.        //读出来,转成对象返回 
  14.        ... 
  15.    } 

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

  1. @ControllerAdvice 
  2. public class JsonpAdvice extends AbstractJsonpResponseBodyAdvice { 
  3.     public JsonpAdvice(){ 
  4.         super("callback"); 
  5.     } 

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

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

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

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

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

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

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

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

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

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

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

总结

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

  • 系统不一样,本地一般都是window系统,而测试和线上一般都是 linux 系统。
  • 运行方式不一样,本地 springboot 项目是通过代码工具 (idea)启动,而测试和线上是通过 jar 包启动。
  • 比如还有一些其他 jar 引入的问题
  • 。。。

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

 

责任编辑:赵宁宁 来源: Java极客技术
相关推荐

2020-10-28 15:07:01

Arthas

2021-07-28 05:01:29

Lombok前端测试

2023-03-10 08:27:07

for循环项目线性结构

2021-01-05 22:49:37

Python编程语言Java

2020-10-26 08:56:32

技术总监程序员

2021-05-11 16:20:02

网站HTTPHTTPS

2021-04-30 08:21:22

Linux管道设计

2021-03-29 18:47:53

APP服务端通信安全数据安全

2018-01-18 22:26:30

2021-10-07 16:45:06

MySQL数据库

2024-05-13 07:58:52

开源项目PR

2021-01-30 09:50:54

MySQL密码服务器

2019-09-19 20:47:29

刷脸支付人脸识别人工智能

2021-03-23 18:01:14

SQL数据库前端

2022-11-03 17:33:40

JavaString 类型

2020-04-30 09:45:41

安卓App小米

2022-05-27 07:03:04

JDK场景线程

2022-09-27 18:19:32

Java数据结构

2021-12-09 11:31:16

跨域后端开发

2021-01-08 09:36:23

程序员比特币黑客
点赞
收藏

51CTO技术栈公众号