Browse Source

fix:封装axios请求

sunChengjie 1 year ago
parent
commit
34cac4e9d8
4 changed files with 28 additions and 23 deletions
  1. 2 1
      config/dev.env.js
  2. 3 3
      src/api/index.js
  3. 19 19
      src/pages/login.vue
  4. 4 0
      src/utils/request.js

+ 2 - 1
config/dev.env.js

@@ -3,5 +3,6 @@ const merge = require('webpack-merge')
 const prodEnv = require('./prod.env')
 
 module.exports = merge(prodEnv, {
-  NODE_ENV: '"development"'
+  NODE_ENV: '"development"',
+  VUE_APP_BASE_API:"'http://47.101.145.23/tianzong'"
 })

+ 3 - 3
src/api/index.js

@@ -1,9 +1,9 @@
 import request from '../utils/request';
-
-export function employee_login(data) {
+export function employee_login(data,config) {
     return request({
         url: '/appSysUser/employee_login',
         method: 'post',
-        data: data
+        data: data,
+       ...config
     })
 }

+ 19 - 19
src/pages/login.vue

@@ -62,25 +62,25 @@ export default {
 				Toast('请输入登录名');
 				return;
 			}
-			this.$http.post(this.$store.state.host + "/appSysUser/employee_login", { account: this.name, password: this.password }, { emulateJSON: true })
-			
-				.then(res => {
-					//发送成功
-					if (res.body.result == 'success') {
-						//localStorage
-						localStorage.setItem("userId", res.body.userId);
-						localStorage.setItem("roomId", res.body.roomId);
-						localStorage.setItem("accountType", res.body.accountType);
-						localStorage.setItem("name", this.name);
-						localStorage.setItem("password", this.password);
-						this.$router.push({ path: '/' });
-					} else {
-						Toast('登录失败!');
-					}
-				}, res => {
-					//发送失败
-					Toast("发送失败!")
-				})
+			// this.$http.post(this.$store.state.host + "/appSysUser/employee_login", { account: this.name, password: this.password }, { emulateJSON: true })
+			const res = await employee_login({ account: this.name, password: this.password }, { emulateJSON: true })
+			console.log("=====",res)
+			//发送成功
+			if (res.result == 'success') {
+				//localStorage
+				localStorage.setItem("userId", res.userId);
+				localStorage.setItem("roomId", res.roomId);
+				localStorage.setItem("accountType", res.accountType);
+				localStorage.setItem("name", this.name);
+				localStorage.setItem("password", this.password);
+				this.$router.push({ path: '/' });
+			} else {
+				Toast('登录失败!');
+			}
+
+			// //发送失败
+			// Toast("发送失败!")
+
 		}
 	}
 }

+ 4 - 0
src/utils/request.js

@@ -1,5 +1,6 @@
 // api/request.js  
 import axios from 'axios';  
+import qs from "qs"
 // 创建请求实例  
 const instance = axios.create({  
   // baseURL: 'http://47.101.145.23/tianzong', // 设置接口基础路径  
@@ -10,6 +11,9 @@ const instance = axios.create({
 // 设置请求拦截器  
 instance.interceptors.request.use(  
   config => {  
+    if(config.emulateJSON){
+      config.headers["Content-Type"] = "application/x-www-form-urlencoded;charset=UTF-8"
+    }
     // 在请求发送前进行一些操作,如设置请求头、处理请求参数等  
     return config;  
   },