1:安装axios(建议安装淘宝镜像) 2:项目导入 3:页面导入 4:功能实现 查询 search: axios.get('http://xxx.xx.xxx/api/xxx') 添加 add: axios.post('http://xxx.xx.xxx/api/xxx', data) 删除 de ...
分类:
移动开发 时间:
2018-08-26 00:04:12
阅读次数:
647
安装 使用方式 引入包 axios不是vue的插件,不能使用Vue.use(). 要通过控制原型链的方式来引入。 在项目中使用 跨域问题需要用jsonp时 https://github.com/axios/axios/blob/master/COOKBOOK.md jsonp ...
分类:
移动开发 时间:
2018-08-24 20:45:31
阅读次数:
183
在这个vue项目中在启动文件main.js中给axios配置了拦截器,此处配置后它就是全局的。在请求前会出现一个动态的loading图,在响应后隐藏此loading图。 这非常好用。在每个页面的请求数据动作中都可以享受到此福利。 但出现了另外一种情况: 有一个显示保险金支付的结果页面,后端返回的结果 ...
分类:
移动开发 时间:
2018-08-24 19:17:35
阅读次数:
250
1.jsonp轻松搞定跨域请求 vue中使用axios,遇到跨域我就蒙逼了。第一次真正意义上的尝试使用jsonp js中用 然后页面中,事先准备一段函数代码,这个函数正是jsonp定义的callback回调函数。 jsonp优缺点: 优点:没有跨域问题,没有接口请求问题。 缺点: 1. 不安全,可能 ...
分类:
Web程序 时间:
2018-08-23 15:41:25
阅读次数:
159
一、开发环境 1、安装node.js 自带npm https://nodejs.org/en/ 2、 全局安装vue-cli脚手架 npm install vue-cli –g vue-V 查看版本说明安装成功 3、新建项目文件夹,在该文件夹下进入cmd 输入vue init webpack vue ...
分类:
移动开发 时间:
2018-08-23 15:39:42
阅读次数:
234
前言 自从Vue2.0推荐大家使用 axios 开始,axios 被越来越多的人所了解。使用axios发起一个请求对大家来说是比较简单的事情,但是axios没有进行封装复用,项目越来越大,引起的代码冗余。就会非常麻烦的一件事。所以本文会详细的跟大家介绍,如何封装请求,并且在项目组件中复用请求。有需要 ...
分类:
移动开发 时间:
2018-08-22 20:40:22
阅读次数:
247
在Vue1.0的时候有一个官方推荐的 ajax 插件 vue-resource,但是自从 Vue 更新到 2.0 之后,官方就不再更新 vue-resource。 关于为什么放弃推荐? -> 尤大原话 最近团队讨论了一下,Ajax 本身跟 Vue 并没有什么需要特别整合的地方,使用 fetch po ...
分类:
移动开发 时间:
2018-08-22 19:35:59
阅读次数:
223
lavarel作为一个全栈框架,里面内嵌了vue开发环境,打开package.json文件,我们看到dev依赖模块中内嵌vue,axios,lodash等框架和库文件, 打开/resource/assets/js/components目录,我们会看到一个名为ExampleComponent.vue的 ...
分类:
其他好文 时间:
2018-08-22 19:33:56
阅读次数:
195
Axios可配置的参数 需求及实现 统一捕获接口报错 弹窗提示 报错重定向 基础鉴权 表单序列化 实现的功能 统一捕获接口报错 : 用的axios内置的拦截器 弹窗提示: 引入 Element UI的Message组件 报错重定向: 路由钩子 基础鉴权: 服务端过期时间戳和token,还有借助路由的 ...
分类:
移动开发 时间:
2018-08-22 17:11:05
阅读次数:
996
1.create-react-app <文件名> 安装router:npm i react-router-dom -S; npm i redux react-redux react-thunk redux-logger -S 2.安装redux: npm install --save redux;n ...
分类:
移动开发 时间:
2018-08-22 13:15:44
阅读次数:
584