添加axios

package.json

@@ -8,6 +8,7 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
+    "axios": "^1.6.8",
     "core-js": "^3.8.3",
     "element-ui": "^2.15.14",
     "vue": "^2.6.14",

src/api/login.js

@@ -0,0 +1,10 @@
+import request from './request'
+
+// 用户登陆接口
+export function userLogin (query) {
+  return request({
+    url: 'http://127.0.0.1:8052/api/login/account',
+    method: 'post',
+    data: query
+  })
+}

src/api/request.js

@@ -0,0 +1,13 @@
+import axios from 'axios'
+
+axios.defaults.headers['Content-Type'] = 'application/json;charset=utf-8'
+const service = axios.create({
+  baseURL: 'http://localhost:8052',
+  timeout: 60000
+})
+
+service.interceptors.response.use(res => {
+  return res.data
+})
+
+export default service

src/views/login.vue

@@ -52,6 +52,7 @@
 </template>
 
 <script>
+import { userLogin } from '@/api/login'
 import { Message } from 'element-ui'
 
 export default {
@@ -64,6 +65,13 @@ export default {
         username: '',
         repassword: ''
       },
+      query: {
+        code: '',
+        account: 'ddmt',
+        password: '000000',
+        scene: '1',
+        terminal: '4'
+      },
       checked: false,
       rules: {
         username: [
@@ -92,7 +100,16 @@ export default {
       if (this.form.username === '' || this.form.password === '') {
         Message.error('账号或密码不能为空')
       } else {
-        this.$router.push('/index')
+        // this.$router.push('/index')
+        this.query.account = this.form.username
+        this.query.password = this.form.password
+        userLogin(this.query).then(response => {
+          console.log(response)
+          Message({
+            message: response.msg,
+            type: 'success'
+          })
+        })
       }
     },
     remenber (data) {