登录短信初版(未完成版)

src/api/login.js

@@ -9,7 +9,7 @@ export function login(username, password, code, uuid) {
     uuid
   }
   return request({
-    url: '/login',
+    url: '/loginBySmsCode',
     headers: {
       isToken: false
     },
@@ -18,6 +18,17 @@ export function login(username, password, code, uuid) {
   })
 }
 
+// 获取短信登录验证码
+export function getLoginSmsCode(data) {
+  return request({
+    url: '/getLoginSmsCode',
+    headers: {
+      isToken: false
+    },
+    method: 'post',
+    data: data
+  })
+}
 // 注册方法
 export function register(data) {
   return request({

src/api/system/user.js

@@ -81,7 +81,7 @@ export function getUserProfile() {
 // 修改用户个人信息
 export function updateUserProfile(data) {
   return request({
-    url: '/system/user/profile',
+    url: '/system/user/profile/edit',
     method: 'post',
     data: data
   })

src/views/login.vue

@@ -35,6 +35,13 @@
           <router-link class="link-type" :to="'/register'">立即注册</router-link>
         </div>
       </el-form-item>
+      <el-form-item style="width:100%;">
+        <el-button :loading="loading" size="medium" type="primary" style="width:100%;"
+                   @click.native.prevent="getSmsCode">
+          <span v-if="!loading">登 录</span>
+          <span v-else>登 录 中...</span>
+        </el-button>
+      </el-form-item>
     </el-form>
     <!--  底部  -->
     <div class="el-login-footer">
@@ -44,7 +51,7 @@
 </template>
 
 <script>
-import { getCodeImg } from "@/api/login";
+import { getCodeImg, getLoginSmsCode } from '@/api/login'
 import Cookies from "js-cookie";
 import { encrypt, decrypt } from '@/utils/jsencrypt'
 
@@ -132,6 +139,18 @@ export default {
           });
         }
       });
+    },
+    getSmsCode() {
+      this.$refs.loginForm.validate(valid => {
+        if (valid) {
+          this.loading = true;
+          getLoginSmsCode(this.loginForm).then(resp =>　{
+            if (200 === resp.code) {
+
+            }
+          })
+        }
+      });
     }
   }
 };