day07/下午/139-尚硅谷-尚融宝-常见错误说明

那接下来呢，我们再说一个特别重要的内容，就是前后端联调的过程当中的常见问题，以及你如何进行联调啊，所以这个地方非常重要，大家一定要认真听哈，首先呢，假设说我们的这个页面是联调成功的啊，我们先看一下成功的时候你怎么去确认，第一呢，就是直接看效果对吧，这个页面当中有数据了，一定是成功，那我们去看一下啊，它的成功都体现在什么地方啊，第一个步骤一定是我们的后台接口才是成功的，所以说呢，在这个地方呢，我们其实调用的是这个接口。这个是获取后台的这个积分等级列表的接口，那么如果抛开前端的话，我们一定首先要确保你的后端接口是这个成立的，是可以调用的，是可以被调用的，所以我们后端接口是什么这个地址，那这个地址的话呢，你啊可以在SPA里面先测试一下啊，保证这个后台接口呢是是可用的，那当然了，如果这个是get方法的话，我们直接在浏览器的地址栏当中测试，际上就更方便了。

对吧，这是保证我们后端接口可以，但实际上测后端接口呢，我们还有一个细节，就是你最好分两步测，第一步呢，侧掰110，这说明呢，我们的啊，这个服务器是好使的。说明我们的四维斯靠，因为我们四维是8110嘛，对不对啊，说明它是好使的，然后它好使了之后呢，我们再来看一下这个八零，因为八零它是N这个4.8110，如果8110都不好使的话，你这个八零是不可能好使的，对不对，所以先保证8110好使，然后呢，在测N这个是这个一回车一看啊访问着了，就说明N这个那面的啊，映射配置也成功了，反向代理配置啊也是可用的，所以这个我们先确保这个后端接口是好使的啊，然后呢，我们再来看一看后端接口这块有没有配跨域啊，所以呢，在这个地方。

看一看这个后端接口跨域写没写好，一看跨域写了，那没问题了，前端就可以掉了，这个时候呢，你再来测一下前端啊，可不可以用，前端可不可以用，先测什么，先测前后端的调用成没成功，什么叫前后端的调用成没成功啊，就是先看一下list view里面的。这段代码是不是成功的？这段代码如果成功了，就说明前后端的调用成功了，你先别管这个参数绑定成没成功了，就是后面这个then成没成功啊，就看这段这段成没成功，怎么看呢。在页面当中，然后呢，我们定位到network，然后一刷新一看这面，这面只要不是红色的就说明什么呀，而且这块返回是200就说明什么呀，就说明这句话的前后端调用是成功的啊，然后接下来呢，如果调用成功了的话，他是不是得先走响应拦截器啊，好，那么先会走request里面的这个啊响应拦截器也就是。

啊，这个response intercepts啊，那这样的话呢，就在响应拦截器里面处理我们的2万呀零啊这样的一些内容了哈，响应拦截器如果都走成功了的话，那么。在我们的这个页面当中，它就会进入到这个问方法了，只要一进入到问方法，Response就可以在问方法中拿到，拿到之后这个值取出来之后就可以做数据绑定了，好，所以接下来呢，我们要看数据绑定成不成功，怎么看数据绑定成没成功呢？就是在这个地方看view。看一下。List，看list里面有没有值一看啊，确实有这三个数据，就说明哪一个步骤成功了啊，就说明这个数据绑定成功了，好数据绑定成功了之后呢，最后再来看数据渲染成没成功，好数据渲染如果成功了的话，那么在页面当中我们就直接看到这个内容了。

明白吧，啊，所以有些同学你访问这块是红色的，那你不用说页面这块你先不用看，然后呢，数据绑定这块你也先不用看，问题肯定不出在这，肯定出在哪呢，要么就是这块写错了，要么就是啊我们的这块。这块写错了啊，就是前提是后台接口没有问题的情况下啊，就是你你已经确保这两个后台接口成功了啊，前提是已经确保这两个后台接口成功了，然后这个地方呢，出现红色的了，那那你就看吧，要么就这块写错。对吧，要么就是这这这段代码写错了啊，还有可能是哪啊，还有可能就是这个代码里面隐含有一个base UR的配置，对吧，那还有可能是base URL写错了，那base URL在哪啊，Base在。

哎，这个地方看看是不是这写错了啊，这都写对了，看看是不是这块改完了之后没重启明白哈，所以这块呢，是我们的常见的错误啊，然后还有同学呢，就是这块，比如说。这块。嗯，我看一下啊，这个地方啊，比如说这个地方写错了，My my third，比如说写了一个。写了个S啥的，或者写个post吧，比如说是这样写的哈，反正就跟后台接口不一样了，然后你看这不报错了吗？啊，这是什么错误呀。看一下啊。在哪块能看到。嗯。这个叫什么叫，诶好像貌似有点像那个。呃，跨域错误似的是不是，所以说这种你不要被他迷惑了，就是一旦出现这种什么from orange，然后has been blocked by cross policy，跨域策略的时候，首先第一个步骤你要检查的是什么，就是这个跨语写没写，一看跨语写了，他还报告这个错误，那什么原因呢？那就是有可能是就是刚才咱们写的这个，这个地方错了，这个地方错的他也报那个跨域错误，明白吧，好，然后你给他改过来，你会发现。

哎，就好使了，还有可能是什么呀，比如说URL地址写错了。你看URL地址写错了，这种情况下，他他也报跨域错误，看见了吧，所以他比较这个跨域错误的报告啊，在浏览器中比较具有迷惑性啊，所以呢，一旦他报跨域错误了，我们要依次检查，第一你先检查行不行跨域，第二你再检查这个URL地址完整的对不对，第三你还要检查，如果有参数的话，像这种有参数的话，参数对不对，如果参数不对，它有时候前端这面啊，它也报跨语，然后接下来呢，第四你要检查这个是不是跟前面的那个调用的那个方式是一致的，也就是说这面是get，那你这面呢，就必须是get，所以呢，这些地方都要依次的进行检查。

好吧，所以这块是常见的错误哈。剩下其他的问题就是大家犯的一些低级错误了，拼写错误基本上是很多同学都会犯的错误，那这个没有什么技巧了，你就仔细检查就行了啊好。