Mrcdh技术博客 Mrcdh技术博客
首页
  • Html5
  • Javascript
  • Nodejs
  • electron
  • Android
  • 微信公众号
  • 框架
  • 其他
  • Mysql
  • PHP
  • Python
  • java
  • Gulp
  • 其它
  • 网站
  • 资源
  • 分类
  • 标签
  • 归档
GitHub (opens new window)

Mrcdh

全栈开发小学生
首页
  • Html5
  • Javascript
  • Nodejs
  • electron
  • Android
  • 微信公众号
  • 框架
  • 其他
  • Mysql
  • PHP
  • Python
  • java
  • Gulp
  • 其它
  • 网站
  • 资源
  • 分类
  • 标签
  • 归档
GitHub (opens new window)
  • Html5

  • JavaScript

    • javascript常用操作
    • 安利一个网页调试开发利器vConsole
    • 各地图平台间的坐标转换
    • Viewer.js图片查看器
    • IndexedDB的增删改查的封装
    • axios常用操作
      • 从后端获取图片并显示
      • 携带Cookie进行请求
      • 保持状态请求
    • 前端使用js-cookie用来操作cookie
    • Symbol基本使用
    • 高德地图常用操作
    • 使用qrcodejs2生成显示二维码
    • 常用Jquery插件
    • pushjs浏览器通知插件
  • Nodejs

  • express

  • electron

  • Android

  • 微信公众号

  • 框架

  • 其他

  • selenium

  • Sequelize

  • 大前端
  • JavaScript
mrcdh
2020-10-23
目录

axios常用操作

# 从后端获取图片并显示

修改响应类型 responseType: "blob"

// request 是封装后的
request({
  url:'getImage',
  methods:'get',
  responseType: "blob"//改变接收的值类型
}).then(res => {
  //关键,调用window的这个方法URL方法,然后将src赋值给img即可
  const src = window.URL.createObjectURL(res)
})
1
2
3
4
5
6
7
8
9

# 携带Cookie进行请求

// 对所有 axios 请求做处理
axios.defaults.withCredentials = true;
// 对单独的 axios 请求做处理
let {data} = await axios.get('//localhost:3000', {
  withCredentials: true
})
1
2
3
4
5
6

# 保持状态请求

import axios from 'axios';
import { wrapper } from 'axios-cookiejar-support';
import { CookieJar, Cookie } from 'tough-cookie';
const jar = new CookieJar();
const client = wrapper(axios.create({ jar }));

client.get('https://mrcdh.cn')
1
2
3
4
5
6
7
#javascript#axios
上次更新: 2023/09/22, 16:54:32
IndexedDB的增删改查的封装
前端使用js-cookie用来操作cookie

← IndexedDB的增删改查的封装 前端使用js-cookie用来操作cookie→

最近更新
01
uniapp常见问题
03-19
02
Vue3项目搭建
12-25
03
使用pnpm的monorepo组织项目
11-01
更多文章>
Theme by Vdoing | Copyright © 2020-2025 Mrcdh | 苏ICP备2020058908号-1
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式
×