工作23:vue---封装request做数据请求

import axios from 'axios'// 创建一个axios实例
const service = axios.create({// headers: {//   'content-type': 'application/json;charset=UTF-8',//   'token': 'one' // },baseURL: 'http://dianphp.fyz.com',withCredentials: true,timeout: 5000
})// 添加请求拦截器
service.interceptors.request.use(config => {// 在发送请求之前做某事，比如说 设置token// config.headers['token'] = 'token';config.headers['X-Token'] = 'xxxxxxxxxxxxxxxxxxx';return config;
}, error => {// 请求错误时做些事return Promise.reject(error);
});// 添加响应拦截器
service.interceptors.response.use(response => {const res = response.data;// 如果返回的状态不是200 就主动报错if(res.state != 200){return Promise.reject(res.message || 'error')}return response;
}, error => {return Promise.reject(error.response.data); // 返回接口返回的错误信息
})export default service

工作23:vue---封装request做数据请求相关推荐

axios队列 vue_(十三 )Vue 封装axios(四种请求)及相关介绍
Vue 封装axios(四种请求)及相关介绍首先axios是基于promise的http库 promise是什么? 1.主要用于异步计算 2.可以将异步操作队列化,按照期望的顺序执行,返回符合预期的 ...
django3，vue前后端分离数据请求
下面使用vue2的写法,因为vue3也支持vue2的编写方法运行django后端项目,端口需要设置为和前端项目不同 (luichun) [dalaojun@localhost dalaojun]$ ...
VUE.JS 使用axios数据请求时数据绑定时报错 TypeError: Cannot set property 'xxxx' of undefined 的解决办法...
data里面做了定义在方法里面进行赋值用 this.info = repos.data 数据可以请求到,但是会报错 TypeError: Cannot set property 'listgrou ...
【vue】详情页数据请求
项目场景: 请求详情页数据问题描述请求不到,log没有打印控制台报错 debugg过程读报错信息 detail.js?c28a:3 Uncaught (in promise) TypeErro ...
vue和Java做数据交互_基于vue和springmvc前后端分离，json类接口调用介绍
基于vue和springmvc前后端分离,json类接口调用介绍版本要求:spring-3.2.9.RELEASE.vue-2.9.2.axios-0.17.1,其中axios作为http clie ...
用Vue整合Echarts做数据展示：整合Echarts
在终端中输入:npm install echarts --save 在main.js中引入echarts // The Vue build version to load with the `impo ...
axios重新调用失败的ajax_Vue之axios实现ajax数据请求
Vue通过axios实现数据请求 vue.js默认没有提供ajax功能的.所以使用vue的时候,一般都会使用axios的插件来实现ajax与后端服务器的数据交互. # 下载地址: https://un ...
Https的数据请求的证书设置
对于https的网络请求很多人都比较头疼,不止iOS包括pc端和移动端的很多请求都离不开https CFNetwork SSLHandshake failed (-9806) error = Erro ...
微信小程序封装request请求数据
遇到问题不要慌做项目离不开请求数据 1.为什么要封装api去请求接口数据做微信小程序的时候请求数据的时候会多次用到wx.request请求,如果每次都去写一遍 wx.request({url: ' ...

工作23:vue---封装request做数据请求

工作23:vue---封装request做数据请求相关推荐

最新文章

热门文章