element plus的密码框如何取消浏览器默认行为 vue element plus admin

vue-element-admin

• 1.装包并运行项目 拉下vue-element-admin项目后，先用npm i进行装包，装包后，查看package.json文件,dev是运行，build:prod是打包

• 2.登录页面改造登录界面 在src->views->login->index.vue下修改内容,详细信息如下:

• main.js 在src->main.js下

• 删除.github,mock,plop-templates文件,mock是前端用来模拟数据的，plop-templates是一些简单的模板

• 接下来看看登录接口，代码如下

• 这里是调用的vuex中的login方法，src->store->modules->user.js代码如下

• 
  
  走到这里之后，就可以调一下登录接口了。
• 3.改造路由 在src->permission.js页面,删除之前

• 这里要对设置路由信息进行改造，我们大多数项目，都是用户拥有哪些权限，而不是通过角色直接去判断用户的权限，所以，这里我们把角色信息删除.下面是删除后的

• 接下来去vuex中去修改关于路由的代码 src->store->modules->permission.js 下面是删除之前的代码

• 下面是删除后的代码

• 接下来去看下路由信息,在src->router->index.js下,这是静态路由

• 这是动态路由,

• 把下面几个路由放到动态路由里

• 接下来添加一个路由,代码如下

• 启用项目，发现报错，找到vue.config.js文件,删除以下代码，项目启用成功

• 
  
  跨域配置

proxy: {
      [process.env.VUE_APP_BASE_API]: {
        target: `http://127.0.0.1:8089`,
        changeOrigin: true,
        pathRewrite: {
          ['^' + process.env.VUE_APP_BASE_API]: ''
        }
      }
    }

• 对登录和获取个人信息的接口

首先修改user.js,代码如下

修改vuex中的获取个人信息接口,这里在roles存放权限信息