5.启动服务:npm run dev ,但是打开的是两个窗口,需要把open设置为false; 6.进入登录页面: 7.后端编写登录接口(这里以java为列): 验证码根据需求来进行设置; 8.如需验证码,对登录页面进行改造: 9.(重点)进行登录请求: 出现this.$store,看到这个东西就去store目录下面找东西 根据给的地址前面的一段来找,user...
5.启动服务:npm run dev ,但是打开的是两个窗口,需要把open设置为false; 6.进入登录页面: 7.后端编写登录接口(这里以java为列): 验证码根据需求来进行设置; 8.如需验证码,对登录页面进行改造: 9.(重点)进行登录请求: 出现this.$store,看到这个东西就去store目录下面找东西 根据给的地址前面的一段来找,user...
index.vue中的登录按钮触发handleLogin()这个methods,调用store/user.js中login这个action实现状态的更改,login()这个action再调用api/user/login的接口请求,从后端拿用户数据,如下: // hadleLogin方法完成用户登录动作 handleLogin() { this.$refs.loginForm.validate(valid => { if (valid) { this.loading = tr...
6、在src-view-login-index.html文件中,找到Vue-Element-Admin的登录接口,添加如下代码,如图,把官方的请求方式注释掉,this.loginForm是请求参数 this.loading =truethis.$store.dispatch('user/login',this.loginForm) .then(() => {this.$router.push({ path:this.redirect ||'/', query:this.otherQuery ...
可以看到登录相关接口该文件中均以实现 api-user-1 查看发现方法中都使用了return request({...})形式,继续前往@/utils/request查看 api-user-2 可以看到,该方法对axios进行了封装 request 另外可以看到url = base url + request url, 拿login来说我们实际请求的地址就是base url加上我们定义的/vue-admin-templ...
vue-element-admin项目默认走的是本地mock接口数据,那怎么接入到自己平台的后台接口呢? 1. mock接口信息 先看下vue-element-admin登录进入平台所需要的接口信息,如下图所示,是有两个关键接口 接口一:/user/login 登录认证获取token { "code":20000,"data": { "token":"admin-token"} } ...
vue-element-admin项目默认走的是本地mock接口数据,那怎么接入到自己平台的后台接口呢? 1. mock接口信息 先看下vue-element-admin登录进入平台所需要的接口信息,如下图所示,是有两个关键接口 接口一:/user/login 登录认证获取token { "code": 20000,
点击主页面的退出登录,控制台的Network中的logout接口是红色的,看到 Request URL:http://localhost:5000/vue-element-admin/user/logout,根据其只要本地缓存中token被删除就会退出登录。所以就不用后台实现退出接口了 ① /src/api/user.js中删除 url: '/vue-element-admin/user/logout'这个代码块。
Vue-element-admin项目使用Nginx初体验1、开始用nginx缘于用vue-element-admin搞的一个项目要发布到生产环境,官方介绍说生产环境下的跨域建议用nginx解决然后从昨天开始尝试,开始用起来很懵。 2、首先我们看一下nginx.conf配置文件 为了方便管理,在/usr/local/nginx/conf.d/ 创建自己的*.conf配置文件没有conf.d目录...
原因在于:vue-element-admin 实现了登录模块,包括 token 校验、网络请求等 下载 从github上clone项目时,防火墙禁止对git://的访问, 可用https://来访问repository。 git config--globalurl."https://".insteadOfgit:// 项目结构 api:接口请求 assets:静态资源 ...