Vue之axios

1、axios 的get方式

　　

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

2、axios的post方式

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

 默认是JSON格式。 可以实例化URLSearchParams(). 然后进行使用append（）。

3、axios的文件上传

methods: {
                select(e) {
                    console.log(e);
                    console.log(e.target.files[0]);
                    this.file = e.target.files[0];
                },
                up() {
                    console.log("上传");
                    const formdata = new FormData();
                    formdata.append('file', this.file);
                    formdata.append('fileUserForEnum', "DEFAULT")
                    axios.post('http://59.111.92.205:13010/api/nos/upload/image', formdata).then(res => {
                        console.log(res);
                    })
                }
            }

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