Vue 请求传公共参数的操作
我就废话不多说了，大家还是直接看代码吧~
// An highlighted block
//http request拦截器
axios.interceptors.request.use(
config =>{
const token = window.sessionStorage.getItem('Tk_token')
const user_id=window.sessionStorage.getItem('Tk_user_id')
// config.data = JSON.stringify(config.data);
// config.headers = {
// 'Content-Type':'application/x-www-form-urlencoded'
// }
if(token){
config.params = {'token':token,'user_id':user_id}
}
console.log(config);
return config;
},
err =>{
return Promise.reject(err);
}
)
补充知识：Vue联合axios发送后台post请求时的参数问题
开始用的是vue-resource,后来发现这个已经很久没有更新了，作者已经停止更新了，而且就连作者也推荐用axios，那么我就用axios吧，改成axios之后，就出现了一个问题：参数问题。
怎么个参数问题呢？用vue-response来发送post请求的时候，传入的参数到后台是一个一个分开的，比如传了参数
{
username:'name1',
password:'pwd1'
}
就是很简单的用户名和密码，vue-resource传到后台之后，后台的接口方法参数是两个，一个是username，一个是password，都可以分别取到；但是axios不同，axios到后台之后，是一个map结构的对象，需要用@RequestBody Map map这种方式来获取，然后从map中一个一个取出来，这样也可以。但是有没有办法让axios传给后台的参数也是一个一个的呢？当然有。
第一个方法就是URLSearchParams,用这个添加好参数，到后台就是一个一个的，但是这个IE不支持。
还有一个办法，就是qs，qs的话有两种引入方式，一种就是用npm安装好后，直接import，然后就可以用了；另一种就是在页面直接引入qs.js，就是<script src='js/qs.js'></script>这种方式，然后
注意了！
这里要注意了！
如果是import方式引入的，我们就用qs.stringify调用就好了，但是！！！
注意了！
如果是js文件引入的方式，用的Qs，不是qs，Q是大写的Q，也就是Qs.stringify。
然后就可以了！
以上这篇Vue 请求传公共参数的操作就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了vue实现数字动态翻牌的效果（开箱即用）,实现原理是激将1到9的数字竖直排版，通过translate移动位置显示不同数字，本文通过实例代码讲解，需要的朋友可以参考下2019-12-12
Vue开发中出现Loading Chunk Failed的问题解决
本文主要介绍了Vue开发中出现Loading Chunk Failed的问题解决，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2022-03-03
vue router动态路由下让每个子路由都是独立组件的解决方案
这篇文章主要介绍了vue router动态路由下让每个子路由都是独立组件的解决方案,非常不错，具有参考借鉴价值，需要的朋友可以参考下2018-04-04
文件上传是web开发中一个常见的需求,Vue.js作为一款流行的前端框架,也提供了方便的方法来实现文件上传功能,下面这篇文章主要给大家介绍了关于基于Vue实现文件上传的几种实现方式,需要的朋友可以参考下2024-03-03
这篇文章主要介绍了vue 中 get / delete 传递数组参数方法,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2021-03-03
vue.js的computed,filter,get,set的用法及区别详解
下面小编就为大家分享一篇vue.js的computed,filter,get,set的用法及区别详解，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-03-03
在我们安装完Node.js之后,需要使用npm命令来安装一些工具,下面这篇文章主要给大家介绍了关于npm install时卡住不动的五种解决方法,需要的朋友可以参考下2023-06-06
这篇文章主要为大家详细介绍了vue实现图形验证码，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-04-04
这篇文章主要介绍了vue表单验证之禁止input输入框输入空格，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-12-12
这篇文章为大家详细主要介绍了vue之ele多级联组件的使用方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-07-07
最新评论