分类：vue-resource

2021
01-17

vue-resource 拦截器interceptors使用详解

前言拦截器-interceptor在现代的一些前端框架上，拦截器基本上是很基础但很重要的一环，比如Angular原生就支持拦截器配置，VUE的Axios模块也给我们提供了拦截器配置，那么拦截器到底是什么，它有什么用？拦截器能帮助我们解决的添加统一的request的参数比如header中加入X-Requested-With，比如客户端需要实现sign和token的验证机制，比如你可以写$http.get(‘/files',params)，拦截器帮你拼接成http://www.xxxx.com/1/files... 继续阅读 >
2021
01-13

Vue过滤器,生命周期函数和vue-resource简单介绍

一、过滤器使用例子：<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title</title><scriptsrc="vue.js"></script></head><body><divid="app">//把msg的内容的abc替换成'你好123'，最后添加上'========'<p>{{msg|msgFormat('你好','123')|test}}</p></div><script>//定义一个Vue全局的过滤器，名字叫做msgFormatVue.filter('msgFormat',function(msg,arg,arg2){//字... 继续阅读 >
2020
10-23

vue+springboot+element+vue-resource实现文件上传教程

vue+springboot+element+vue-resource实现文件上传教程 vue页面设置<el-uploadclass="upload-demo"action="":before-upload="beforeUpload"//上传前操作:before-remove="beforeRemove"//移除钱操作:multiple="false"//禁止多选:http-request="myUpload"//文件上传,重写文件上传方法,action的路径不会起作用accept=".jar"//限制文件选择类型:drag="false":data="param"//参数:file-list="fileList"... 继续阅读 >
2020
09-24

vue-resource post数据时碰到Django csrf问题的解决

公司最近用vue写前端，用vue-resource遇到的一些问题，现在记录下来。vue-resourcepost数据this.$http.post('/someUrl',data,[options]).then(function(response){//响应成功回调},function(response){//响应错误回调});vue-resource向后端请求api,公司的后台是用Django开发的，Django为了防止跨站请求伪造，即csrf攻击，提供了CsrfViewMiddleware中间件来防御csrf攻击。我们在html页面里加入{%csrf%}来让django渲... 继续阅读 >