vue调用接口那些事

前后端分离听了无数遍,本质就是后端只写接口,前端写界面。
理想化的方案,后端搭数据库,写后端界面功能,写接口api。前端写vue,依据本地的json文件写数据呈现的样式。
后来,发现前后端有个时间差,于是,前端把需要用到的json文件放到网上(比如[www.easy-mock.com等平台),这样后端可以紧跟前端脚步,同步编写项目的api接口。
其实还一个比较模糊的事情,交互谁来写(如果后端返回空数据怎么办,如果用户没有登录怎么处理,分页加载/刷新需求的实现)?vue项目在npm run build完成之后就真的可以上线了么,给用户交付一个移动端网页就结束了?服务器端的配置who来?app打包和webpack打包是一回事么?
好吧,经历了一个项目,这些灰色地带,老板不懂,前端vue的同事不懂,我懂。

言归正传,说说vue接口调用。严格来说,接口有3种场景:
1)本地开发环境,就是通过npm run dev 来请求的情况。
这种情况,是通过config的dev字段,proxy来配置,由vue帮你完成转发的。
2)移动端网页,通过服务器转发来实现(比如apache的.htaccess文件)。
3)APP环境。APP是不存在跨域的,所以直接大胆的写上完整的请求地址,在axios配置里面写好即可。

原文地址:http://blog.51cto.com/44855/2171742

时间: 2024-10-09 05:51:41

vue调用接口那些事的相关文章

微信公众号调用接口返回码

返回码 说明 -1 系统繁忙,此时请开发者稍候再试 0 请求成功 40001 获取access_token时AppSecret错误,或者access_token无效.请开发者认真比对AppSecret的正确性,或查看是否正在为恰当的公众号调用接口 40002 不合法的凭证类型 40003 不合法的OpenID,请开发者确认OpenID(该用户)是否已关注公众号,或是否是其他公众号的OpenID 40004 不合法的媒体文件类型 40005 不合法的文件类型 40006 不合法的文件大小 4000

使用HBuilder开发移动APP:ajax调用接口数据

既然要做APP,与接口交互式少不了的,除非只是想做一个纯静态的APP.所以html5+的环境准备好后,我最先开始研究的就是如何与接口交互. 使用HBuilder新建示例教程后,里面会有一个ajax(网络请求)的列子,文件目录是examples/ajax.html.看了下这个文件的代 码,它的功能就是点击“提交”按钮后提交参数给接口,然后根据选择的返回数据格式,将一段字符串打印出来.我准备改造下这段代码,改由页面加载时调用列表 接口,并在APP里显示这段列表,毕竟这种情况应该经常会用到. 1.在l

C#post调用接口并上传文件

/// <summary> /// C#调用接口上传json数据,并且带文件上传 /// </summary> /// <param name="url">接口地址</param> /// <param name="filePath">文件路径</param> /// <returns></returns> public string RequestPost(string

WPS Office手机版调用接口代码指导帖之一(Android)

经常会有一些喜欢开发鼓捣的童鞋问我们,WPS Office手机版是否提供调用接口,希望在android中使用一个调用命令,直接调用WPS手机版来打开指定的DOC文件,而不用弹出一个程序可选列表(如果用户装了多个文档查看软件),由用户来选择使用哪一个程序打开DOC.希望省略选择程序这一过程,直接调用手机版WPS打开.bonnie就来为大家提供相关的示例,希望能帮助那些爱好开发的同学解决这一个问题啦. 以下是指定使用WPS中文版打开文档的代码示例(WPS不同语言版的包名略有不同,请注意红色标记部分哦

微信开放平台 公众号第三方平台开发 教程四 代公众号调用接口的SDK和demo

原文:微信开放平台 公众号第三方平台开发 教程四 代公众号调用接口的SDK和demo 教程导航: 微信开放平台 公众号第三方平台开发 教程一 平台介绍 微信开放平台 公众号第三方平台开发 教程二 创建公众号第三方平台 微信开放平台 公众号第三方平台开发 教程三 一键登录授权给第三方平台 微信开放平台 公众号第三方平台开发 教程四 代公众号调用接口的SDK和demo 前几章中我讲解了微信开发平台提供第三方平台的好处,和使用流程,如果你看了我的文章相信你对开放平台有了初步的了解,但是在实际的开发过程

http请求POST和GET调用接口以及反射动态调用Webservices类

此代码是API.WebSrvices动态调用的类,做接口调用时很实用. Webservices动态调用使用反射的方式很大的缺点是效率低,若有更好的动态调用webservices方法,望各位仁兄不吝贴上代码. using System; using System.IO; using System.Net; using System.Text; using System.Web; using System.Collections.Generic; using System.CodeDom.Compi

调用ajax 跨域调用接口

//ajax 跨域请求数据 function ajaxType (){ $.ajax({ url: "http://127.0.0.1:9090/spring_mvc/HttpClient/ajaxType.do?jsonpCallback=?", type: "GET", data: { pwd: encodeURI('周'), username: 'tl' }, dataType: "jsonp", success: function(dat

C#调用接口接收结果【Get,Post通用】

1.首先,客户端调用接口的实例 1.1 先定义接收接口结果类 public class ResultMsg { public bool title { get; set; } public string message { get; set; } public string other { get; set; } } 1.2 以用户登陆为例,登陆时请求接口输入参数用户名密码判断是否正确 public static ResultMsg CheckLogin(string account,strin

Android6.0 PKMS扫描目录和调用接口安装应用的区别

android安装应用分两种,一种是直接调用PKMS的接口安装,另一种是扫描目录安装,比如系统开机的时候会扫描data/app目录进行安装. 一.调用installPackageAsUser函数安装 我们先来看调用接口应用安装应用,都会通过如下函数,这个函数先会通过传进来的uid来判断是否是adb安装的,然后创建了一个InstallParams对象这个对象是HandlerParams的子类,然后发送消息. @Override public void installPackageAsUser(St