添加cookie

package.json

@@ -17,6 +17,7 @@
   "dependencies": {
     "axios": "^0.19.0",
     "js-md5": "^0.7.3",
+    "vue-cookie": "^1.1.4",
     "vuelidate": "^0.7.4"
   },
   "devDependencies": {

quasar.conf.js

@@ -1,6 +1,6 @@
 // Configuration for your app
 
-module.exports = function (ctx) {
+module.exports = function(ctx) {
   return {
     plugins: [
       'axios',
@@ -32,7 +32,7 @@ module.exports = function (ctx) {
     },
     devServer: {
       open: true,
-      host: '192.168.1.254',
+      host: 'localhost',
       port: ctx.mode.spa ? 9000 : (ctx.mode.pwa ? 9010 : 9020),
       proxy: {
         // 将所有以/api开头的请求代理到jsonplaceholder

src/plugins/axios.js

@@ -1,7 +1,53 @@
 // import something here
 import axios from 'axios'
-// leave the export, even if you don't use it
-export default ({ app, router, Vue }) => {
-  // something to do
+import cookie from 'vue-cookie'
+
+// axios默认配置
+axios.defaults.timeout = 10000   // 超时时间
+// axios.defaults.baseURL = 'http://192.168.2.251'  // 默认地址
+
+// 整理数据
+axios.defaults.transformRequest = function (data) {
+  data = JSON.stringify(data)
+  return data;
+}
+
+// http request 拦截器
+axios.interceptors.request.use(
+    config => {
+      config.data = JSON.stringify(config.data)
+      config.headers['Content-Type'] = 'application/json;charset=UTF-8';
+      //判断是否存在ticket，如果存在的话，则每个http header都加上ticket
+      if (cookie.get("token")) {
+        //用户每次操作，都将cookie设置成2小时
+        cookie.set("token",cookie.get("token") ,1/12)
+        cookie.set("name",cookie.get("name") ,1/12)
+        config.headers.token = cookie.get("token")
+        config.headers.name= cookie.get("name")
+      }
+      return config
+    },
+    error => {
+      return Promise.reject(error.response);
+    })
+
+// http response 拦截器
+axios.interceptors.response.use(
+    response => {
+      if (response.data.resultCode ==="404") {
+        console.log("response.data.resultCode是404")
+        // 返回 错误代码-1 清除ticket信息并跳转到登录页面
+        //      cookie.del("ticket")
+        //      window.location.href='http://login.com'
+        return
+      }else{
+        return response;
+      }
+    },
+    error => {
+      return Promise.reject(error.response)   // 返回接口返回的错误信息
+    })
+
+export default ({ Vue }) => {
   Vue.prototype.$axios = axios
 }