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 请求传公共参数的操作就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了深入探索VueJS Scoped CSS 实现原理，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-09-09
iView 是一套基于 Vue.js 的开源 UI 组件库，主要服务于 PC 界面的中后台产品。这篇文章主要介绍了在vue项目中引用Iview的方法,需要的朋友可以参考下2018-09-09
本篇文章给大家分享了关于Vue多系统切换实现的解决方案，对此有需要的朋友可以跟着参考学习下。2018-06-06
vite 这个是尤大开发的新工具,目的是以后替代webpack,下面这篇文章主要给大家介绍了关于如何创建基于vite的vue项目的相关资料,文中通过图文介绍的非常详细,需要的朋友可以参考下2023-11-11
这篇文章主要为大家详细介绍了vue3封装侧导航文字骨架效果组件，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-09-09
混入(mixin)提供了一种非常灵活的方式，来分发vue组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项2022-09-09
今天小编就为大家分享一篇Vue.js点击切换按钮改变内容的实例讲解，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-08-08
这篇文章主要为大家详细介绍了vue输入框组件开发过程，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-03-03
vue3中emit('update:modelValue')使用简单示例
这篇文章主要给大家介绍了关于vue3中emit('update:modelValue')使用的相关资料,文中通过实例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2022-09-09
vuejs开发组件分享之H5图片上传、压缩及拍照旋转的问题处理
这篇文章主要介绍了vuejs开发组件分享之H5图片上传、压缩及拍照旋转的问题处理,需要的朋友可以参考下2017-03-03
最新评论