项目功能模块

项目功能模块业务

用户登录模块

流程：

① 在登录页面输入用户名和密码

② 调用后台接口进行验证

③ 通过验证之后，根据后台的响应状态跳转到项目主页

业务逻辑：

登录页面通过输入用户名和密码进行登录

服务器验证通过后生成该用户的token值并返回

客户端将该token值进行存储

后续所有请求都携带该token值进行发送请求

全局引用axios

import axios from "axios"

通过axios调用登录验证接口

登录成功进行调转

var redirect = this.$route.query.redirect || "/";

设置路由守卫控制访问权限

router.beforeEach((to, from, next) => {
  if (to.meta.requireAuth) {
    if (localStorage.getItem("token")) {
      next(true);
    } else {
      alert("需要权限");
      next("/login?redirect=" + to.path);
    }
  } else {
    next(true);
  }
});

通过销毁本地的token值实现退出

localStorage.removeItem("token");

搜索页面模块

通过@click事件实现不同的排列顺序

setSortPrice() {
      this.$set(this.searchObj, "main_sort", 2);
      if (!this.searchObj.sort_by) {
        this.$set(this.searchObj, "sort_by", "asc");
      } else {
        if (this.searchObj.sort_by === "asc") {
          this.searchObj.sort_by = "dsc";
        } else {
          this.searchObj.sort_by = "asc";
        }
      }
      this.search();
    },

修改传递不同排列顺序对应的参数实现排序功能