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

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

  • 开发者组员clone项目后要切换到dev分支 (首先要新建dev分支)


    新建dev分支

    命令:git checkout -b dev origin/dev

  • 推送代码要注意的问题

    • 在同一个分支上合作开发的时候要注意,不能冲掉另一个开发者的代码,push之前记得pull最新代码
      步骤:
      1、git add . //添加代码到本地
      2、git commit -m "提交备注" //提交本地缓存
      3、git pull //拉取最新代码
      4、运行项目,看看是否有冲突,报错
      4.1、有冲突,解决冲突,然后执行第一步
      4.2、没有冲突,执行第五步
      5、git push //推送到线上

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的使用

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。