本文共 774 字，大约阅读时间需要 2 分钟。

get请求的用法在其官方文档如下

传送门：

可以看见其中的  参数 是由  {params:{}} 组成。

接下来我们对此进行 企业上的实用封装---

   在vue项目的src下新建 个目录，这里我取名为 utils  文件名为 api.js  ->如下

在api.js中引入如下文件

import qs from 'qs'  //序列化请求参数 形式  a&&bimport axios from 'axios'  //axios请求import router from '../router'        //路由

开始进行封装...在api.js中export default输出函数中键入如下代码 （以下包涵了export default）

export default {  install(Vue, options) {    Vue.prototype.$GetAPI =(url, params) => {      return axios.get(url,{params})        .then(Res => Res.data)    }

至此就封装完成啦---使用方法↓

• 在main.js中全局引用 api

Vue.use(api)  //此方式为安装api.js，因为api.js中有 install(Vue, options)因此需要安装

•  在需要axios请求的文件中请求如下

this.$GetAPI('/user', {    params: {      ID: 12345    }  })  .then(function (response) {    console.log(response);  })  .catch(function (error) {    console.log(error);  });

转载地址：http://lfzmf.baihongyu.com/