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

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

作者: 忆曦雪_ | 来源:发表于2019-05-13 23:16 被阅读0次

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

相关文章

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

    1、使用gitLab存放代码文件要注意的一些问题 开发者组员clone项目后要切换到dev分支 (首先要新建dev...

  • vue多页应用

    vue如何将单页面改造成多页面应用 vue单页多页的开发环境配置+vue的开发思路

  • Nuxt项目搭建到Nuxt项目部署

    a.为什么? Vue.js原来是开发SPA(单页应用)的,但很多人想用Vue开发多页应用(有利于SEO操作),并在...

  • vue+express全栈webpack脚手架

    vue-server-template vue+express+webpack单页应用开发脚手架,包含vue客户端...

  • Learn VueJs 2 Vue-router

    使用 Vue.js 和 vue-router 创建单页应用非常的简单,使用 Vue.js 开发,整个应用已经被拆分...

  • keep-alive在vue-router中的使用

    在使用基于Vue的单页面富应用的开发中,总会面向这样的产品需求,既从列表页跳转详情页面,返回时需要保存列表页的状态...

  • 第一章 React 介绍

    本章内容 多页应用开发模式的缺点 单页应用开发模式的优点 单页应用开发模式的主要问题 React 如何解决单页应用...

  • cnode社区

    面试要点:(单页应用重点在vue-router) 单页应用,页面只有一个 APP组件; vue-router实现页...

  • 前端路由与Vue Router

    Vue Router 是Vue.js的官方插件,用来快速实现单页应用 单页应用 SPA(Single Page A...

  • Vue 单页应用(spa)前端路由实现原理

    一文搞懂单页应用原理Vue项目History模式路由机制 源码分析VueVueRouter Vue 单页应用(sp...

网友评论

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

      本文链接:https://www.haomeiwen.com/subject/fumdaqtx.html