feat(api): api module implementation

Author: lbwa

babel.config.js

@@ -11,4 +11,4 @@ module.exports = {
       }
     ]
   ]
-}
+}

package.json

@@ -8,6 +8,7 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
+    "axios": "^0.18.0",
     "element-ui": "^2.4.5",
     "normalize.css": "^8.0.1",
     "nprogress": "^0.2.0",

src/api/index.js

@@ -0,0 +1,12 @@
+import request from 'UTILS/request'
+import routes from './routes'
+
+export function userLogin ({
+  username,
+  password
+}) {
+  return request.post(routes.LOGIN, {
+    username,
+    password
+  })
+}

src/api/routes.js

@@ -0,0 +1,3 @@
+export default {
+  LOGIN: '/login'
+}

src/utils/request.js

@@ -0,0 +1,30 @@
+import axios from 'axios'
+
+const request = axios.create({
+  // Env variables is defined by .env.[mode] files.
+  baseURL: process.env.VUE_APP_BASE_REQUEST,
+  timeout: 10000
+})
+
+request.interceptors.request.use(req => {
+  req.headers['content-type'] = 'application/json'
+
+  return req
+}, err => {
+  err && console.error(`[Request error]: ${err}`)
+  return Promise.reject(err)
+})
+
+request.interceptors.response.use(({ data }) => {
+  if (data.code !== 2000) {
+    throw new Error(
+      `[Fetch err]: ${data.code}, ${data.msg}`
+    )
+  }
+  return data
+}, err => {
+  err && console.error(`[Response error]: ${err}`)
+  return Promise.reject(err)
+})
+
+export default request

vue.config.js

@@ -12,7 +12,8 @@ module.exports = {
         'STYLE': path.resolve(PATH.SOURCE_PATH, './style'),
         'STATIC': PATH.STATIC_PATH,
         'ROUTER': path.resolve(PATH.SOURCE_PATH, './router'),
-        'UTILS': path.resolve(PATH.SOURCE_PATH, './utils')
+        'UTILS': path.resolve(PATH.SOURCE_PATH, './utils'),
+        'API': path.resolve(PATH.SOURCE_PATH, './api')
       }
     }
   }

yarn.lock

@@ -1167,6 +1167,13 @@ aws4@^1.8.0:
   version "1.8.0"
   resolved "http://registry.npm.taobao.org/aws4/download/aws4-1.8.0.tgz#f0e003d9ca9e7f59c7a508945d7b2ef9a04a542f"
 
+axios@^0.18.0:
+  version "0.18.0"
+  resolved "http://registry.npm.taobao.org/axios/download/axios-0.18.0.tgz#32d53e4851efdc0a11993b6cd000789d70c05102"
+  dependencies:
+    follow-redirects "^1.3.0"
+    is-buffer "^1.1.5"
+
 babel-code-frame@^6.22.0, babel-code-frame@^6.26.0:
   version "6.26.0"
   resolved "http://registry.npm.taobao.org/babel-code-frame/download/babel-code-frame-6.26.0.tgz#63fd43f7dc1e3bb7ce35947db8fe369a3f58c74b"
@@ -3103,6 +3110,12 @@ follow-redirects@^1.0.0:
   dependencies:
     debug "=3.1.0"
 
+follow-redirects@^1.3.0:
+  version "1.5.10"
+  resolved "http://registry.npm.taobao.org/follow-redirects/download/follow-redirects-1.5.10.tgz#7b7a9f9aea2fdff36786a94ff643ed07f4ff5e2a"
+  dependencies:
+    debug "=3.1.0"
+
 for-in@^0.1.3:
   version "0.1.8"
   resolved "http://registry.npm.taobao.org/for-in/download/for-in-0.1.8.tgz#d8773908e31256109952b1fdb9b3fa867d2775e1"