Vuex : vuex是一个专门为Vue.js设计的集中式状态管理架构. 状态: 可以理解为在data中需要共享给其他组件使用的部分. Vuex和单纯的全局对象的不同: 1. Vuex的状态存储是响应式的. 当vue组件从store中读取状态的时候, 若store中的状态发生改变, 那么相应的组件也 ...
分类:
移动开发 时间:
2018-11-15 22:36:52
阅读次数:
218
前言 在vue的后台管理开发中,应需求,需要对信息做一个校验,需要将参数传递两份过去,一份防止在body中,一份防止在formdata中,axios请求会默认将参数放在formdata中进行发送。 对前端而言其实都一样,无非就是参数的格式问题。 对后端而言 (form data)可以用request ...
分类:
移动开发 时间:
2018-11-15 18:33:00
阅读次数:
474
Vuex简介 vuex是一个专门为Vue.js设计的集中式状态管理架构。 状态? 我们把它理解为在data中需要共享给其他组件使用的部分。 Vuex和单纯的全局对象有以下不同: 1、Vuex 的状态存储是响应式的。当vue组件从store中读取状态的时候, 若store中的状态发生变化,那么相应的组 ...
分类:
移动开发 时间:
2018-11-15 01:29:55
阅读次数:
201
写在最前面 新手前端刚刚接触vue,感觉真的好用。项目中需要使用axios,然后学习了一下。借鉴网上一些大佬的经验,现在分享一下axios的简单封装,如果有什么错误的地方,请大家指出。 axios安装 npm install axios save 最最简单的使用 首先在src目录下创建axios文件 ...
分类:
移动开发 时间:
2018-11-14 21:01:28
阅读次数:
165
vuex -- 安装 npm i vuex -- 配置 -- 导入vuex import vuex from "vuex" -- vue使用vuex vue.use(vuex) -- 实例化仓库 new vuex.Store({ state: {}, getters: {}, mutations: ...
分类:
移动开发 时间:
2018-11-14 20:50:59
阅读次数:
173
登录认证+修改请求头前端登录config/index.jsdev:后端地址api/user.jsconstdata={username:userName.valueOf(),password}请求头设置libs/axios.jsinterceptors(instance,url){//请求拦截instance.interceptors.request.use(config=>{//添加全局的
分类:
其他好文 时间:
2018-11-14 19:03:02
阅读次数:
607
最初我以为在nuxtjs中是需要重新npm install axios,但是其实nuxtjs自己集成了这个数据渲染方法 你只需在nuxt.config.js中配置一下就可以了 然后在你的页面可以直接请求数据了 最后进入这个页面,在控制台看到打印即表示请求成功了 ...
分类:
移动开发 时间:
2018-11-14 18:59:51
阅读次数:
754
在vue项目中,我们通过axios发送请求,在发送与接收过程中添加一些拦截配置 新建 fetch.js 如下 然后在我们的api.js文件引入 ...
分类:
其他好文 时间:
2018-11-14 16:42:01
阅读次数:
502
关于Axios的封装 为何需要在封装 应用场景,项目中涉及100个AJAX请求,其中: 1.其中60个需要在请求头header设置token headers: {token: token}用于权限校验; 2.其中20个为上传EXCEL文件需要在请求头中设置Content-Type; 上面说的 1、2 ...
分类:
移动开发 时间:
2018-11-14 14:23:26
阅读次数:
325
Axios 拦截器的配置如下 分三块:基础配置、请求之前拦截、响应之前拦截 发送所有请求之前和操作服务器响应数据之前对这种情况过滤。 http request 请求拦截器 每次发送请求之前判断是否存在 此时要是验证符合条件则通过,否则不符合的不给通过 具体代码如下: html文件 option2.p ...
分类:
移动开发 时间:
2018-11-14 12:30:26
阅读次数:
280