vue之 axios的post和get请求 及headers token方式

使用npm安装使用npm安装

$ npm install axios

 

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规范

 

参考---https://blog.csdn.net/ljy_1024/article/details/97006783?utm_medium=distribute.pc_relevant.none-task-blog-baidujs_title-0&spm=1001.2101.3001.4242