您好,欢迎光临本网站![请登录][注册会员]  

搜索资源列表

  1. vue 后台管理系统

  2. 这是一个用vuejs2.0和element搭建的后台管理界面。 技术栈:   vue2.0:渐进式Javascr ipt框架,易用、灵活、高效,似乎任何规模的应用都适用。   element ui:基于vue2.0的ui组件库。   vue-router:一般单页面应用spa都要用到的前端路由。   vuex:Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。   webpack + es6/7 + less   mock.js : 相对于其他同类的框架的实现,mock.js超出
  3. 所属分类:其它

    • 发布日期:2018-11-09
    • 文件大小:780288
    • 提供者:onlyonefrist
  1. 基于vue实现一个社交网站开发

  2. 项目中所有的数据来源,使用node express搭建数据接口,mongoDB mlab存储数据。 使用vue2.0对数据的请求,实现数据的增删改查,处理登录token问题,请求拦截,数据管理,组件封装
  3. 所属分类:其它

    • 发布日期:2019-08-12
    • 文件大小:1048576
    • 提供者:weixin_39840914
  1. Vue实现数据请求拦截

  2. 主要为大家详细介绍了Vue实现数据请求拦截,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
  3. 所属分类:其它

    • 发布日期:2020-10-16
    • 文件大小:35840
    • 提供者:weixin_38681628
  1. uin-app+mockjs实现本地数据模拟

  2. 最近在开发项目的时候,需要用到mockjs这个包来实现前端本地数据的模拟,下面我就来说一下具体步骤: 前言 uni-app将自己的配置融合到了vue.config.js中,所以需要自己配置,需要在package.json的同级目录下新建一个vue.config.js;ajax请求的路由,因为这个路由我们希望拿到模拟数据,所以用webpack的devserve来拦截。拦截之后通过mockjs,由它来生成模拟数据,然后返回模拟值。 步骤 在vue.config.js中加入下面代码: const
  3. 所属分类:其它

    • 发布日期:2020-11-19
    • 文件大小:39936
    • 提供者:weixin_38738506
  1. 详解给Vue2路由导航钩子和axios拦截器做个封装

  2. 1.写在前面 最近在学习Vue2,遇到有些页面请求数据需要用户登录权限、服务器响应不符预期的问题,但是总不能每个页面都做单独处理吧,于是想到axios提供了拦截器这个好东西,再于是就出现了本文。 2.具体需求 用户鉴权与重定向:使用Vue提供的路由导航钩子 请求数据序列化:使用axios提供的请求拦截器 接口报错信息处理:使用axios提供的响应拦截器 3.简单实现 3.1 路由导航钩子层面鉴权与重定向的封装 路由导航钩子所有配置均在router/index.js,这里是部分代码
  3. 所属分类:其它

    • 发布日期:2020-11-30
    • 文件大小:69632
    • 提供者:weixin_38546789
  1. 详解在vue-cli项目中使用mockjs(请求数据删除数据)

  2. 在我们的生产实际中,后端的接口往往是较晚才会出来,于是我们的前端的许多开发都要等到接口给我们才能进行,这样对于我们前端来说显得十分的被动,于是有没有可以制造假数据来模拟后端接口呢,答案是肯定的。于是今天我们来介绍一款非常强大的插件Mock.js ,可以非常方便的模拟后端的数据,也可以轻松的实现增删改查这些操作,在后台数据完成之后,你所做的只是去掉mockjs:停止拦截真实的ajax,仅此而已。 搭建一个vue项目 # 全局安装 vue-cli $ npm install --global
  3. 所属分类:其它

    • 发布日期:2020-11-30
    • 文件大小:373760
    • 提供者:weixin_38627104
  1. vue+vuecli+webpack中使用mockjs模拟后端数据的示例

  2. 前言 使用mockjs可以事先模拟数据,前提是和后端约定好了数据接口,怎样的数据。使用mock就可以生成你要的数据了,从而实现开发时前后端分离。 其主要功能是: 基于数据模板生成模拟数据。 基于HTML模板生成模拟数据。 拦截并模拟 ajax 请求。 语法规范 Mock.js 的语法规范包括两部分: 1.数据模板定义规范(Data Template Definition,DTD) 2.数据占位符定义规范(Data Placeholder Definition,DPD) 数据模板
  3. 所属分类:其它

    • 发布日期:2020-11-30
    • 文件大小:69632
    • 提供者:weixin_38612527
  1. Vue基于vuex、axios拦截器实现loading效果及axios的安装配置

  2. 准备 利用vue-cli脚手架创建项目 进入项目安装vuex、axios(npm install vuex,npm install axios) axios配置 项目中安装axios模块(npm install axios)完成后,进行以下配置: main.js //引入axios import Axios from 'axios' //修改原型链,全局使用axios,这样之后可在每个组件的methods中调用$axios命令完成数据请求 Vue.prototype.$axios=Ax
  3. 所属分类:其它

    • 发布日期:2020-11-29
    • 文件大小:84992
    • 提供者:weixin_38687928
  1. vue拦截器实现统一token,并兼容IE9验证功能

  2. 项目中使用vue搭建前端页面,并通过axios请求后台api接口,完成数据交互。如果验证口令token写在在每次的接口中,也是个不小的体力活,而且也不灵活。这里分享使用vue自带拦截器,给每次请求的头部添加token,而且兼容了IE9。 import axios from 'axios'; // 这里的config包含每次请求的内容,在这里把token放到请求头 axios.interceptors.request.use(function (config) { let token = w
  3. 所属分类:其它

    • 发布日期:2020-12-11
    • 文件大小:45056
    • 提供者:weixin_38694299
  1. vue-resource请求实现http登录拦截或者路由拦截的方法

  2. 本文介绍了vue-resource请求实现http登录拦截或者路由拦截的方法,分享给大家,具体如下: 项目需求 项目是前后台分离,前端负责数据对接,以及业务逻辑的处理,后台只需要给相应的接口即可 后台会控制接口的授权情况(即,未登录的接口,统一返回401未授权状态码,前端根据vue-resource的拦截器拦截符合条件的状态,并做出相应的处理。) 以下为两个系统的登录页面,作为请求超时或者登录拦截的跳转页面 以上是登录超时,登录弹窗框自动弹出来 代码片段 路由文件 export
  3. 所属分类:其它

    • 发布日期:2020-12-10
    • 文件大小:88064
    • 提供者:weixin_38703794
  1. vue ajax 拦截原理与实现方法示例

  2. 本文实例讲述了vue ajax 拦截原理与实现方法。分享给大家供大家参考,具体如下: 概要说明 在开发的过程中,我们需要通过AJAX请求,访问后台获取数据,这个获取数据的时候,当然需要后台需要时登录状态才能访问数据,当没有登录的情况,这个时候我们需要跳转到登录界面进行登录。 如果每次请求都要做如下处理,我们程序逻辑将无比混乱,ajax 可以为我们解决这个问题。 具体实现思路是: 1.发送ajax 请求访问后端数据。 2.后端如果发现没有登录,那么将会丢出一个exceptionaction 的ht
  3. 所属分类:其它

    • 发布日期:2020-12-14
    • 文件大小:41984
    • 提供者:weixin_38748210
  1. Vue实现数据请求拦截

  2. 本文实例为大家分享了vue数据请求拦截的具体代码,供大家参考,具体内容如下 在src文件夹下创建utils文件夹 同时在文件夹下创建request.js和auth.js文件 request.js为请求拦截、请求数据封装主入口 auth.js为设置token和删除token及判断用户是否登录封装主入口  auth.js (封装token) export function isLogin() { if (localStorage.getItem('token')) { return
  3. 所属分类:其它

    • 发布日期:2020-12-13
    • 文件大小:33792
    • 提供者:weixin_38659955
  1. vue+axios 前端实现的常用拦截的代码示例

  2. Axios拦截器配置 main.js //定义一个请求拦截器 Axios.interceptors.request.use(function(config){ store.state.isShow=true; //在请求发出之前进行一些操作 return config }) //定义一个响应拦截器 Axios.interceptors.response.use(function(config){ store.state.isShow=false;//在这里对返回的数据进行处理 ret
  3. 所属分类:其它

    • 发布日期:2020-12-12
    • 文件大小:47104
    • 提供者:weixin_38528463
  1. vue常见的面试题

  2. vue面试题汇集 vue面试题汇总二 vue面试总结三 vue面试题汇总四 vue面试题汇总五 vue面试题汇总六 axios是什么?怎么使用?描述使用它来实现登录功能的流程 1.axios是基于promise使用浏览器好node.js的一个http客服端,主要用于向后端发起请求的,还有就是请求中做更多的控制。 2.支持promise。 3.提供一些并发的方法。 4.提供拦截器。 5.提供支持CSRF(跨站请求伪造)。 axios,fetch,ajax(jquery)的区别 vuex是什么?怎么
  3. 所属分类:其它

    • 发布日期:2021-01-07
    • 文件大小:45056
    • 提供者:weixin_38586428
  1. 封装微信小程序http拦截器过程解析

  2. 前言 微信小程序是数据驱动的应用,开发技术和vue、react和angular等mv*技术类似。在vue下可以用vue-resource、axios等模块进行http请求,但是在微信小程序上,http请求只支持wx.request(OBJECT),所以我们需要对wx.request进行封装,实现http拦截器的功能。 第一步:创建一个request.js文件 第二步:确定http、upload和websocket前缀 第三步:封装wx.request 在请求发出前处理http地址、请求
  3. 所属分类:其它

    • 发布日期:2021-01-03
    • 文件大小:63488
    • 提供者:weixin_38738005
  1. vue-manage-system:后台管理系统(vue + element-ui实现)-源码

  2. 准备环境 下载代码以后,请确保自己已经安装了节点环境,然后在终端输入npm install下载依赖包,然后再输入npm run serve项目 进入以后 用户名:admin密码:123456 UserManage.vue文件已经可以和加入调通,里面有axios接口代码 Permission.js可以设置tab,功能导航栏,密码用户名的设置 视图文件夹下对应每一个功能模块文件夹,然后每一个功能文件夹下对应各自的子模块页面 组件文件夹下是自定义的组件 user.js下是mock模拟的数据 api.
  3. 所属分类:其它

    • 发布日期:2021-03-11
    • 文件大小:3145728
    • 提供者:weixin_42129005
  1. mall-manage-system:vue-cli 3.0 + element-ui + vue-router + axios + Vuex + Mock + echarts实现电商管理系统后台-源码

  2. 总述 一,项目效果 整体效果 登陆页 后台首页 用户管理页 说明这里所有的数据都不是直接通过引入获取的,或者通过模拟这个工具来模拟转换返回的接口数据。 ##二,项目介绍 1,技术架构 项目总体技术选型 vue-cli 3.0 + element-ui + vue-router + axios + Vuex + Mock + echarts 2,测试账号地址 访问地址:待建设 账号:admin密码:admin 账号:xiaoxiao密码:xiaoxiao 因为菜单是根据不同用户权限动态生成的,
  3. 所属分类:其它

    • 发布日期:2021-03-11
    • 文件大小:782336
    • 提供者:weixin_42172204
  1. songguangyan:描述vue路由器stort-源码

  2. 1,运用HTML,CSS,UI库,Vue,element-ui完成页面实现和响应式布局; 2,实现请求拦截,登录权限,组件的封装,分页的实现; 3,使用vue作为项目的前端开发框架,vue-router配置路由Element-UI库的局部页面,提高开发效率。做好各个页面之间的链接路由转换,配置API实现项目登录等功能4,使用axios技术实现数据交互;封装axios,提高代码的增量率;调用后台接口实现数据的交互。
  3. 所属分类:其它

    • 发布日期:2021-03-05
    • 文件大小:143360
    • 提供者:weixin_42110362
  1. vue+mockjs模拟数据实现前后端分离开发的实例代码

  2. 本文介绍了vue+mockjs模拟数据实现前后端分离开发的实例代码,分享给大家,也给自己留个笔记。 在项目中尝试了mockjs,mock数据,实现前后端分离开发。 关于mockjs,官网描述的是 1.前后端分离 2.不需要修改既有代码,就可以拦截 Ajax 请求,返回模拟的响应数据。 3.数据类型丰富 4.通过随机数据,模拟各种场景。 等等优点。 总结起来就是在后端接口没有开发完成之前,前端可以用已有的接口文档,在真实的请求上拦截ajax,并根据mockjs的mock数据的规则,模拟真实接口返
  3. 所属分类:其它

    • 发布日期:2021-01-21
    • 文件大小:130048
    • 提供者:weixin_38685832
  1. vue使用axios实现文件上传进度的实时更新详解

  2. axios 简介 axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端,它本身具有以下特征: 从浏览器中创建 XMLHttpRequest 从 node.js 发出 http 请求 支持 Promise API 拦截请求和响应 转换请求和响应数据 取消请求 自动转换JSON数据 客户端支持防止 CSRF/XSRF 引入方式: $ npm install axios //使用淘宝源 $ cnpm install axios //或
  3. 所属分类:其它

    • 发布日期:2021-01-19
    • 文件大小:51200
    • 提供者:weixin_38656226
« 12 »