美文网首页
前后端联调存在的问题,以及解决方案呢?

前后端联调存在的问题,以及解决方案呢?

作者: xinyuans | 来源:发表于2018-01-04 16:34 被阅读0次

1.对业务线的需求不了解,导致需求评审很难get到点的问题。

可以先找目前项目线的同学,让他帮你一起分析下需求,再有不懂,你必须得主动找PD

2.本地测试环境强制https问题

解决问题之前我们先了解下HSTS协议:

HSTS(HTTP Strict Transport Security)国际互联网工程组织IETE正在推行一种新的Web安全协议.

HSTS的作用是强制客户端(如浏览器)使用HTTPS与服务器创建连接。

目前线上大部分域名都推送了HSTS协议, 当我们切换到线下绑定的时候浏览器依然会执行HSTS协议强制跳转到 https.

由于部分测试机并没有部署https服务, 导致测试环境无法访问。

解决办法

删除chrome的HSTS记录, 具体步骤如下:

google浏览器打开chrome://net-internals/#hsts,然后在中间 Delete domain 区域,输入需要删除的域名Delete。

这个时候浏览器URL将https删除,即可访问测试环境...

3.前后端项目找不到具体代码位置问题

前端:鼠标右键 =》显示网页源代码,然后seajs.iuse后面会跟着代码的路劲等信息。

后端:一般看地址栏咯。

4.代码中缺少详细注释,修改代码很困难的问题

一般情况下,我会直接看页面跑代码。但是,好费力。直接问师兄,感觉不太好。这个问题该如何破,真心求助。

前后端接口约定问题

其中要前端作为主导,因为前端需要渲染页面,必须得先约定数据格式,避免重复让后端改格式影响后端开发效率,也同时避免影响整个项目的开发效率。

首先,你必须非常清楚交互稿中的需求,然后根据页面,自己可以预演一个含有自己约定了数据格式的demo页面。然后拿着这个文件,和后端进行约定数据格式。这里需要注意,你约定的数据格式,必须考虑周全。

BB下:因为在物流线,直接通过配置,来渲染页面,所以数据格式的约定尤其重要。主要是要非常清楚config.json和data.json。

5.模版语言用的不熟的问题,velocity、handlebars、underscore等

其实这个根据API就能很好的解决问题。

velocity链接;

handlebar链接;

underscore链接;

lodash

6.git使用中的问题。

非常简洁明了,且和开发息息相关的网站git-guide

7.预发集成的时遇到冲突的问题,以及预发环境绑定的问题。

这个问题往往是因为同时有>2人修改同一处代码,然后你忘记git pull代码所致,所以你得养成经常pull代码的好习惯,如果有冲突,及时merge,并修正。这样就不用一大堆的conflict了。

写在最后

当然问题可能还有很多,而且存在不同的团队,不同的业务线,希望能够帮到更多的同学。同时,我希望你们也能帮忙一起找到问题的关键点,让我们一起愉快的玩耍。

相关文章

  • 前后端联调存在的问题,以及解决方案呢?

    1.对业务线的需求不了解,导致需求评审很难get到点的问题。 可以先找目前项目线的同学,让他帮你一起分析下需求,再...

  • 前后端联调存在的问题,以及解决方案呢?

    1.对业务线的需求不了解,导致需求评审很难get到点的问题。 可以先找目前项目线的同学,让他帮你一起分析下需求,再...

  • webpack 代理与koa服务 api mockjs 数据

    目的: 解决开发联调中的痛点(存在跨域,不能请求),前端与后端本地联调阻断,webpack 代理转发解决请求 双向...

  • 初涉Mock数据

    前后端开发联调需要注意哪些事情?后端接口完成前如何 mock 数据? 需要联调的有以下两个方面的资源: css、j...

  • 用postman Mock数据

    前言 项目开发过程中经常会遇到的问题:前端开发完了需要等待后端联调测试,而后端因为xxx还未达到联调状态,对于这种...

  • 第12章 Vue项目的联调、测试与发布上线

    12-1 Vue项目的联调测试上线--项目前后端联调 当我们项目开发完成后,我们需要和后端进行联调,那么我们需要把...

  • webpack配置proxy反向代理,解决跨域问题

    目的:为了解决前端和后端联调数据,出现的跨域问题,通过配置反向代理,可以更好的联调数据 webpack官网 常见跨...

  • 2020-04-03 Form Data与Request Pay

    前言 做过前后端联调的小伙伴,可能有时会遇到一些问题。例如,我明明传递数据给后端了,后端为什么说没收到呢?这时候可...

  • $.ajax的post方式被转成get请求

    问题描述 最近开发时,前后端接口联调遇到点问题: $.ajax post请求被转成get 由于前后端分离,自然有了...

  • js解决跨域问题

    与后台开发联调接口时经常碰到跨域的问题,有两个解决的办法:让后端开发去掉跨域参数;前端自己解决。 前端解决接口联调...

网友评论

      本文标题:前后端联调存在的问题,以及解决方案呢?

      本文链接:https://www.haomeiwen.com/subject/gknrnxtx.html