接口调用异常怎么解决 vue中Axios的封装与API接口的管理详解？
vue中Axios的封装与API接口的管理详解？
首先，在您创建的public方法的文件中创建一个新的HttpUtil.js文件文件。以下是总结HttpUtil.js文件内容：VAR Axios=require（“Axios”）//配置项根，例如路径VAR root=“http://localhost：8090/manage“//Axios请求函数httpapi（method，URL，params）{返回新承诺（（resolve，reject）=>{Axios（{method:method，URL:URL，数据：method==“post”；method==“put”？Params:null，Params:Method==“get”| | Method==“delete”？参数：null，baseurl:root，withcredentials:false}）。然后（（response）=>{解析（response）}）。Catch（（error）=>{reject（error）}）}//返回Vue模板中的调用接口，导出默认值{get:function（URL，parameters）{return httpapi（“get”，URL，parameters）}，post:function（URL，parameters）}，Params）{return httpapi（“post”，URL，Params）}，put:function（URL，Params）{return httpapi（“put”，URL，params）}，delete:function（URL，params）{return httpapi（“delete”，URL，params）}~！一般来说，界面设计有一定的原则。
例如，一个接口只做一件事。
最小化聚合事件（数据）。
接口的粒度需要结合实际业务拉动进行设计，不能太小，也不能太大。这取决于你的设计师的经验。
如果你不明白为什么界面设计师要这么做，那就问问。
后端给一个app页面首次加载就写了三四个接口，这样做合理吗？
并不是所有的Axios都指向同一个Axios实例，但大多数都指向同一个Axios实例，以便于全局拦截和错误处理。
但在特殊情况下，您可以为特殊接口创建新的Axios实例。
有的前端为什么所有的接口都要走同一个axios呢？
我们的框架也是前后分离的。后端接口的数量应该根据业务合理划分，而不是谁认为不方便。发展不能只从方便入手。总体而言，界面设计的数量应从以下几个方面考虑：
1。接口粒度的划分应考虑单个责任，以及多个操作是否应该在同一事物中。如果接口的粒度可以在同一事物中设计得更大。
2. 当对不同接口有多个请求且返回的数据量不大时，可以根据需要合并接口。
3. 当一次返回的数据量过大，导致传输速度慢时，必须根据业务将接口分解为多个接口，并分析哪些数据应该先请求，哪些数据应该后请求。
4. 例如，PC应用程序和移动应用程序使用同一组数据，后台为PC和移动应用程序开发两个接口。在这种情况下，可以删除一个接口。
5. 例如，在618和双11中，许多产品都有促销活动（提供接口）。在这两天之后，可以停止此类服务以减少负载。
以上是我从实际项目的角度进行分析，希望对您有所帮助，具体到项目可以进行深入的探讨。
接口调用异常怎么解决 网页调用api接口 java接口如何调用
版权声明：本文内容由互联网用户自发贡献，本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。
