当前位置: 首页 > article >正文

axios创建实例对象,发送ajax请求,配置baseUrl

axios创建实例对象,发送ajax请求,配置baseUrl

// 创建实例对象
import axios from 'axios'

 const duanzi = axios.create({
     baseURL: 'https://172.11.11.11:1010',
     timeout: 2000
 });
 duanzi({
     url: '/api-getJoke/testIndex',
     method: 'post',
     responseType: 'blob',
     data: {XXX},
     headers:{
     	token:'XXXXXXX',
     	'Content-Type': 'application/pdf;charset=UTF-8',
     },
     data: {xxx:'参数'} // 参数,注意post是data,get是params
     // params: {xxx:'参数'} // get请求方式的传参
 }).then(response => {
 console.log(response);
 })

参考:Axios的配置
参考:(https://apifox.com/apiskills/how-to-use-axios-baseurl/)
参考:那axios.create具体应该怎样配置呢
参考:axios的常用五种请求方法介绍(get、post、put、patch、delete)
补充参考:axios的request方法

axios
    .request({
       method: "GET", 
       url: '后端接口', //接口地址,未拼接baseUrl
       responseType: "blob", 
       headers: {
         Accept: "application/octet-stream",
       },
     })
     .then((res) => {
       console.log(res);
       if (res) {
         let blob = new Blob([res.data], { type: "image/jpeg" });
         const imageUrl = URL.createObjectURL(blob);
         this.imgUrl = imageUrl;
         this.srcList = [imageUrl],;
         that.loading = true;
       } 

http://www.kler.cn/a/161140.html

相关文章:

  • JMeter基础篇
  • 【架构论文-1】面向服务架构(SOA)
  • SDL渲染器和纹理
  • 数据库管理-第260期 业务向前,数据库向后(20241111)
  • Selenium+Pytest自动化测试框架 ------ 禅道实战
  • HBuilder使用虚拟机
  • 2024 年前端技术发展大趋势一览
  • idea本地调试hadoop 遇到的几个问题
  • 【灰度发布】APP如何实现灰度发布
  • 网络运维与网络安全 学习笔记2023.12.3
  • 2023.12.7
  • Angular 由一个bug说起之三:为什么时不时出现额外的水平/垂直滚动条?怎样能更好的防止它的出现?
  • 配置应用程序监听器[org.springframework.web.context.ContextLoaderListener]错误
  • 简单实现Spring容器(一)
  • shell命令学习(1)——(待完善)
  • pycharm使用Anaconda中的虚拟环境【我的入门困惑二】
  • ros来保存图像和保存记录视频的方法---gmsl相机保存视频和图片
  • java--枚举
  • (十五)Flask覆写wsgi_app函数实现自定义中间件
  • 关于优雅的使用SQL多行转多列的记录(doris)
  • 如何使用phpStudy本地快速搭建网站并内网穿透远程访问
  • 如何使用内网穿透工具实现公网访问GeoServe Web管理界面
  • LeetCode刷题--- 计算布尔二叉树的值
  • 这些Java并发容器,你都了解吗?
  • 手写VUE后台管理系统7 - 整合Less样式
  • Inno Setup使用