今天完成的事情：今天的话因为之前的后台基本上只写了一个简单的静态页面，没有与后端交互，而且遇到的bug不知道怎么改，因为前台用的是bootsrap,后台用的是element，所以把后台花了一个上午的时间重构了下，路由的话也全部搭建好了，登陆页面的验证也通过了后台的请求。目前剩下的任务的话基本上就是对于后端数据的渲染。应该没什么太大的问题。

明天计划的事情： 把后台页面的公司渲染给写下。职位方面的话后端还没有上线数据，写完公司剩下的职位句好写了
遇到的问题：

第一个就是关于路由页面的搭建以及子路由的搭建，父页面需要name属性，但是如果这个父页面下面包含子路由的页面，则不需要name属性，

export default new Router({
  routes: [
  
    {
      path: '/',
      name: 'login',
      component: login,
    },
    {
      path: '/background',
      // name: 'background', 包含子路由的话不需要name属性，不然会显示警告
      component: background,
      //字路由页面
      children:[
        {
          path: '/',
          name: 'welcome',
          component:welcome,
        },
        {
          path:'/company',
          name:'company',
          component:company,
        },
        {
          path:'/companyWrite',
          name:'companyWrite',
          component:companyWrite,
        },
        {
          path:'/job',
          name:'job',
          component:job,
        },
        {
          path:'/jobWrite',
          name:'jobWrite',
          component:jobWrite,
        },
        {
          path:'/article',
          name:'Article',
          component:Article,
        }
      ],
    }
  ]
})

第二个是关于参数传递的问题，需要使用这个插件转换成字符串类型

import  qs from 'qs'

Vue.prototype.$qs = qs;

要不然无法传递到后台

使用方法如下图所示

submitForm(formName) {
  this.$refs[formName].validate((valid) => {
    if (valid) {

      let postData = this.$qs.stringify({
        userName:this.login.userName,
        password:this.login.password,

      });

      // this.$router.push({path:'/background'})
        this.$axios({
          method:'POST',
          url:'/api/a/login',
          data:postData,
        }).then((res)=>{
          console.log(res);
          if (res.data.code === 0){
            console.log('登陆成功');
            // let message=res.data.data;
            this.$router.push({path:'/background',})

          } else {
            alert('用户名或密码错误，请重试')
          }
        })

    } else {
      console.log('error submit!!');
      return false;
    }
  });

收获：参数传递的话会比angular麻烦一点，但是完全掌握的话则没有那么困难，继续努力复盘吧