关于vue中api接口的封装与使用-

这一剑叫晚安

已于 2022-11-16 10:08:03 修改

阅读量1.2k

点赞数 3

分类专栏：前端文章标签： vue.js javascript 前端

于 2022-11-16 10:04:32 首次发布

本文链接：https://blog.csdn.net/weixin_45313548/article/details/127879006

版权

这是封装之前的axios的使用办法，如果后续修改域名会很麻烦

  axios.get('https://api.apiopen.top/api/getImages?id=',param).then((res) => {
   
         this.shuju=res.result.list;
         console.log(this.shuju)
       });

封装分为四个部分；
1：创建utils文件夹，文件下创建request.js文件；内容如下，里面包含请求地址，请求时间，拦截器等等

/**
 * ajax请求配置
 */
 import axios from 'axios'
//  import { Message } from 'element-ui'
 
 // axios默认配置
 axios.defaults.timeout = 10000 // 超时时间
 // axios.defaults.baseURL 请求地址前缀
 // 微服务地址
 axios.defaults.baseURL = 'https://api.apiopen.top/'
 
 // 整理数据
 axios.</