Vue全家桶 电商后台管理项目实战05

登录模块axios

          首先引入axios 配置请求根路径

         打开数据库和运行后台node app.js

         在login.vue方法中配置接收处理  

使用弹框提示登录成功还是失败

首先引入消息组件在element-ui中

 

挂载到Vue原型对象中，实现this可以直接指向

 

消息提示使用 this.$message.error("登陆失败“）；

设置token和登录跳转

window.sessionStorage.setItem("tokem"res.data.token)

实现编程式跳转

 

this.$router.push('/home')

新建Home.vue  设置组件-引入组件-设置路由

登录导航守卫

实现退出

ESLint语法处理 

 

新建文件.prettierrc

配置文件

其它错误把报错名字复制到eslintrc.js中rules改成0

 引入element-ui优化代码