基于vue单页应用开发农技耘项目的一些问题

2019-05-13  本文已影响0人  忆曦雪_

1、使用gitLab存放代码文件要注意的一些问题

2、关于前端调用接口传值类型的问题

问题详情:axios设置get请求Content-Type='application/json;charset=UTF-8'无效
实例说明(json类型使用data,否则使用params):

image.png

3、storage存储数据和调取

4、调用接口上传头像(图片)

实例演示:

//点击图片预览区,即模拟点击文件选择组件
            handleClick: function() {
                document.getElementById('coverFile').click();
            },
            //图片预览
            getFile: function() {
                var _this = this;
                let formData = new FormData();
                formData.append('file', event.target.files[0]);
                this.show = false;
                this.$http({
                    method: 'post',
                    url: 'http://xxxx:8080/api/avatar/upload',
                    headers: {
                        'Content-Type': 'multipart/form-data'
                    },
                    data: formData,
                    processData: false,
                    contentType: false,
                }).then(function(uploadFileRes) {
                    console.log(uploadFileRes.data)
                    _this.avatar = uploadFileRes.data
                });
            },

5、sweetalert的使用

上一篇 下一篇

猜你喜欢

热点阅读