vue:axios二次封装,接口统一存放、封装jsonp+promise

基于框架:vue

一、基于http库:axios

基本用法:

1.通过node安装:npm install axios

  2. 在项目目录的src文件夹下新建apis文件夹,在该文件夹内新建index.js文件,内容如下代码块:

对接口设置拦截器

vue:axios二次封装,接口统一存放、封装jsonp+promise_第1张图片
vue:axios二次封装,接口统一存放、封装jsonp+promise_第2张图片

接口请求数据

vue:axios二次封装,接口统一存放、封装jsonp+promise_第3张图片

接着要在src目录下边创建一个store文件,然后在文件里边创建一个actions.js文件和index.js文件

在actions.js文件里边对请求数据进行封装

vue:axios二次封装,接口统一存放、封装jsonp+promise_第4张图片

在index.js文件引入actions.js文件,并在main.js文件下边引入store下边的index.js文件并将store暴露出去

vue:axios二次封装,接口统一存放、封装jsonp+promise_第5张图片

二、jsonp原理

通过动态创建

你可能感兴趣的:(vue:axios二次封装,接口统一存放、封装jsonp+promise)