vue之 axios的post请求及headers token方式
所遇GET请求 和 POST请求的例子<script>import axios from 'axios'//引入axiosexport default {name: 'list',methods:{getProduct () {axios.get("http://www.aaa.com").the...
·
所遇
GET请求 和 POST请求的例子
<script>
import axios from 'axios' //引入axios
export default {
name: 'list',
methods:{
getProduct () {
axios.get("http://www.aaa.com")
.then(function(res){
console.log('get请求...');
console.log(res.data);
});
axios.post("http://www.aaa.com",{id:3,name:'abc'},{
headers: {
'content-type': 'application/json',
"token":'14a1347f412b39f' //token换成从缓存获取
}
}).then(function(res){
console.log('post请求...');
console.log(res.data);
});
}
},
//vue生命周期函数
mounted (){
this.getProduct();
}
}
</script>
headers要放在params的后面,不能和params在一个参数中。加不加params都可以,看api规范
网上有些传递headers的教程如下,我api用的thinkphp,这样提交传递是在body中,而不是headers中
axios.post("http://www.aaa.com",{
params:{
id:3,name:'abc'
},
headers:{
'token':'123123213123'
}
}
微信公号搜索:李大头头。(或扫描二维码)找我来玩。
更多【前端技术群】和【内推职位】 资源等着你。
还不定期在公众号请大家喝奶茶!
想与我聊聊或者有什么问题都可以在公众号找到我。
等你哟~
更多推荐
已为社区贡献9条内容
所有评论(0)