项目中要求生成动态的二维码图片，前端框架用的是vue axios接受后端传过来的stream数据，将其转换为图片，代码如下：axios.get( ".../user/v1/qrcode?param=..." , {
responseType: "arraybuffer",
}).then(res =& {
return 'data:image/base64,' + btoa(
new Uint8Array(res.data)
.reduce((data, byte) =& data + String.fromCharCode(byte), '')
.then(data =& {
$('#qrCode').attr('src', data);
.catch(ex =& {
console.error(ex);
});注意：responseType必须是arrayBuffer啊，json是不行的
vue 中使用 axios 下载pdf
axios 是个轻量级的 http 客户端，vue项目中使用非常普遍，现在需要对接一个 pdf 报表接口，发现 axios 无法直接直接下载下来，也就是说用 axios 请求，返回的结果是二进制...
Vue axios与FormData结合提交文件，并且展示用户图片文件
FormData对象：
通过FormData对象可以组装一组用 XMLHttpRequest发送请求的键/值对。它可以更灵活方便的发送表单数据，因为可以独立于表单使用。...
越来越多的移动端网页流行，在手机上拍摄照片或者从相册中选取照片并上传的功能不可或缺。本文以实例说明上述功能如何实现，并介绍FileReader对象。...
api.getPicture
获取本地图片放置到服务器上或者在app中预览是app的基本功能，今天使用了APICloud框架的api.getPicture这个api获取到的本地图片预览在app中，...
(1).加载时
图片的大小：{{imgwidth}}px*{{imgheight}}px
var app = getApp()...
今天遇到微信小程序的用户头像设置功能,做笔记.
小demo,代码很简单.
1.index.wxml
[html] v...
validimgSrc:&https://pet.sonystyle.com.cn/eSolverOmniChannel/account/displayCaptcha...
没有更多推荐了，在 SegmentFault，学习技能、解决问题
每个月，我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。
问题对人有帮助，内容完整，我也想知道答案
问题没有实际价值，缺少关键内容，没有改进余地
axios 读取本地json文件成功后，解析失败
export function getEmojiData() {
return axios({
method: 'get',
url: '/static/emojiDB.json',
responseType:'json',
// transformRequest: [function (data, headers) {
// Do whatever you want to transform the data
return JSON.stringify(data);
.then(function(res) {
return Promise.resolve(res.data);
getEmojiData().then((res)=&{
console.log(typeof res)
console.log(res);
console.log(JSON.parse(res))
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
在JSON数据中是仅允许"(双引号)，不允许'(单引号)！报错信息也很明显，你把本地json文件中的所有单引号替换成双引号便可(注意是英文状态下)
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
JSON要使用双引号。
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
报错这么明显都看不出来
同步到新浪微博
分享到微博？
关闭理由：
删除理由：
忽略理由：
推广（招聘、广告、SEO 等）方面的内容
与已有问题重复（请编辑该提问指向已有相同问题）
答非所问，不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因（请补充说明）
我要该，理由是：
在 SegmentFault，学习技能、解决问题
每个月，我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。404 Not Found
The requested URL /q/3378/ was not found on this server.1.首先在依赖库中添加依赖express、axios"express": "^4.16.3",
"axios": "^0.18.0"cnpm install2.在webpack.dev.conf.js文件中将依赖引入，然后建立一个代理去拿到其他网站的数据在其中添加以下代码：// start 使用代理来获取其他网站的数据
var express = require('express')
var axios = require('axios')
var app = express()
var apiRouter = express.Router()
app.use('/api', apiRouter)在devServer中添加以下代码：before(app) {
// 获取推荐歌单数据
app.get('/api/getVedio', function(req, res) {
// 传入的两个参数第一个是接口，第二个是调用这个接口的方法
var url = 'http://www.yinyuetai.com/mv/get-first-video'
//网站的jsonp地址
axios.get(url, {
// 使用axios来获取数据，传入URL
//即将被发送的自定义请求头
referer: 'http://m.yinyuetai.com/', //这两项在网站的NetWork中的Request Header中获得
host: 'www.yinyuetai.com',
'Access-Control-Allow-Origin': '*'
params: req.query
// 即将与请求被发送的URL参数
}).then((response) =& {
res.json(response.data)
// 作为一个json返回
}).catch((e) =& {
console.log(e)
// 如果没有拿到数据，输出错误信息
app.get('/api/getSinger', function(req, res) {
var url = 'http://www.1ting.com/api/client/group_view/1.json'
axios.get(url, {
referer: 'http://h5.1ting.com/singer',
host: 'www.1ting.com',
'Access-Control-Allow-Origin': '*'
params: req.query
}).then((response) =& {
res.json(response.data)
}).catch((e) =& {
console.log(e)
}3.建立一个在前台读取数据的文件singer.js import axios from 'axios';
export function getSinger() {
const url = '/api/getSinger';
// 与前面的axios获取的数据URL相对应
const data = Object.assign({}, {
//这里面的数据是与请求一起发送的URL参数
return axios.get(url, {
params: data
// URL参数是data
}).then((res) =& {
return Promise.resolve(res.data);
// 将获得的数据以一个Promise返回
}).catch((e) =& {
console.log(e);
// 打印错误信息
}4.在要使用数据的组件中加入以下代码import { getSinger } from '../../api/singer';
// 引入获取数据的文件
export default {
created () {
this._getSinger();
// 方法在vue组件渲染完成之后进行
methods: {
_getSinger () {
getSinger().then((res) =& {
console.log(res);
axios与jsonp
一、axios是Vue官方推荐的一个ajax插件，用于请求后的传递过来的数据。1、安装方式：npm install axios -S2、在所需要使用axios的文件中引入axios, import a...
Vue-cli使用axios从跨域服务器获取JSON数据
axios的应用方法
axios用post提交的数据格式
vue框架推荐使用axios来发送ajax请求，之前我还写过一篇博客来讲解如何在vue组件中使用axios。但之前做着玩用的都是get请求，现在我自己搭博客时使用了post方法，结果发现后台（node...
JSON和JSONP劫持以及解决方法
json劫持攻击又为”JSON Hijacking”，攻击过程有点类似于csrf，只不过csrf只管发送http请求，但是json-hijack的目的是获取敏感数据。
一些web应用...
jsonp原理详解——终于搞清楚jsonp是啥了
什么是JSONP？先说说JSONP是怎么产生的：其实网上关于JSONP的讲解有很多，但却千篇一律，而且云里雾里，对于很多刚接触的人来讲理解起来有些困难，着用自己的方式来阐释一下这个问题，看看是否有帮助...
jsonp获取json数据
这两天做微信端JS接口，当时遇到的第一个问题就是权限验证的参数请求，当你请求access_token等的时候，就会存在跨域问题：然后在网上查了，采用ajax的jsonp进行跨域请求，后来报错了，返回的...
没有更多推荐了，axios 怎么传递 json 数据
· 267 天前 · 8062 次点击
用 axios 和后台做交互的时候，如何传递给后台 json 数据
13 回复 &| &直到
15:06:26 +08:00
& &267 天前
npm install qsimport qs from 'qs'axios.defaults.transformRequest = [function (data) {
return qs.stringify(data)}]
& &267 天前
@ 默认传的都是序列化的，在配置里已经配置好了，只有个别会出现传 json 的请问这种情况怎么处理？谢谢
& &267 天前
@ 不太明白你的情况，传字符串过去，后端自己解析行吗以前碰到过 java 后端不会操作 post 数据，于是把参数拼接成 json 格式的字符串过去，心累
& &267 天前
& &267 天前
JSON.stringify()
& &267 天前
默认不就是 json 吗，你把 js 的对象直接传到 post/put 方法
& &267 天前
... header
content-type 设置为 json，axios 默认就是 json
& &267 天前
application json
& &267 天前
默认就是 JSON,不用转呀,后端是不是默认不认 JSON?
& &266 天前
axios 默认是 JSON需要设置 header 的 mine 类型表单：application/x-www-form-urlencoded上传文件：multipart/form-data所以，怕是你们的后端程序不是接受 json 格式的数据，而还是只接收表单的数据吧===================== 图来自 axios 已经说了，默认是 JSON
& &266 天前
@ Spring MVC 表示，一个注解的事，好忧伤。
& &266 天前
默认就是 json，看文档，写的很详细。
& &266 天前 via iPhone
后端服务器只识别常规表单的字符串形式的 json 数据吧
& · & 1900 人在线 & 最高记录 3762 & · &
创意工作者们的社区
World is powered by solitude
VERSION: 3.9.8.1 · 17ms · UTC 02:44 · PVG 10:44 · LAX 19:44 · JFK 22:44? Do have faith in what you're doing.