1. 程式人生 > 實用技巧 >Vue之axios

Vue之axios

1、axios 的get方式

  

1  created() {
2                 axios.get('https://showme.myhope365.com/api/shop/shopGoods/open/banner/list'
3                     , {
4                         headers: { 'X-Requested-With': 'XMLHttpRequest' }
5                     }).then(res => {
6                         console.log(res);
7 }) 8 }

2、axios的post方式

1  created() {
2                 let parmas = new URLSearchParams();
3                 parmas.append("pageNum", 1);
4                 parmas.append("pageSize", 5);
5                 axios.post('https://showme.myhope365.com/api/shop/shopGoods/open/list', parmas).then(res => {
6 console.log(res); 7 }) 8 }

預設是JSON格式。 可以例項化URLSearchParams(). 然後進行使用append()。

3、axios的檔案上傳

 1 methods: {
 2                 select(e) {
 3                     console.log(e);
 4                     console.log(e.target.files[0]);
 5                     this
.file = e.target.files[0]; 6 }, 7 up() { 8 console.log("上傳"); 9 const formdata = new FormData(); 10 formdata.append('file', this.file); 11 formdata.append('fileUserForEnum', "DEFAULT") 12 axios.post('http://59.111.92.205:13010/api/nos/upload/image', formdata).then(res => { 13 console.log(res); 14 }) 15 } 16 }

例項化 FormData() ,formdata.append('file', this.file); formdata.append('fileUserForEnum', "DEFAULT")