plugins: [    'LocalStorage',    'Notify',    'Loading']

$primary = #35C8E8

import Vue from 'vue'import axios from 'axios'import { Notify } from "quasar";import qs from "qs";import Router from "../router/index";import { permissionService } from "../service";
Vue.prototype.$axios = axios
// We create our own axios instance and set a custom base URL.// Note that if we wouldn't set any config here we do not need// a named export, as we could just `import axios from 'axios'`const axiosInstance = axios.create({  baseURL: process.env.API});
axiosInstance.defaults.transformRequest = [  function(data, headers) {    // Do whatever you want to transform the data    let contentType = headers["Content-Type"] || headers["content-type"];    if (!contentType) {      contentType = "application/json";      headers["Content-Type"] = "application/json";    }
    if (contentType.indexOf("multipart/form-data") >= 0) {      return data;    } else if (contentType.indexOf("application/x-www-form-urlencoded") >= 0) {      return qs.stringify(data);    }
    return JSON.stringify(data);  }];
// Add a request interceptoraxiosInstance.interceptors.request.use(  function(config) {    if (config.permission && !permissionService.check(config.permission)) {      throw {        message: "403 forbidden"      };    }
    return config;  },  function(error) {    // Do something with request error    return Promise.reject(error);  });
function login() {  setTimeout(() => {    Router.push({      path: "/login"    });  }, 1000);}
// Add a response interceptoraxiosInstance.interceptors.response.use(  function(response) {    // Any status code that lie within the range of 2xx cause this function to trigger    // Do something with response data    return response;  },  function(error) {    // Any status codes that falls outside the range of 2xx cause this function to trigger    // Do something with response error
    if (error.response) {      if (error.response.status === 401) {        Notify.create({          message:  error.response.data.message,          type: 'negative'        });        login();      } else if (error.response.data && error.response.data.message) {        Notify.create({          message: error.response.data.message,          type: 'negative'        });      } else {        Notify.create({          message: error.response.statusText || error.response.status,          type: 'negative'        });      }    } else if (error.message.indexOf("timeout") > -1) {      Notify.create({        message: "Network timeout",        type: 'negative'      });    } else if (error.message) {      Notify.create({        message: error.message,        type: 'negative'      });    } else {      Notify.create({        message: "http request error",        type: 'negative'      });    }
    return Promise.reject(error);  });
// for use inside Vue files through this.$axiosVue.prototype.$axios = axiosInstance
// Here we define a named export// that we can later use inside .js files:export { axiosInstance }

import { axiosInstance } from "boot/axios";
const HEADERS = {  "Content-Type": "application/x-www-form-urlencoded"};
const user = {  login: function(data) {    return axiosInstance.post("/api/auth/login",      data,      {        headers: HEADERS      }    );  },  logout: function() {    return axiosInstance.get("/api/auth/logout",      {        headers: HEADERS      }    );  }};
export { user };

import { user} from "../api";import { LocalStorage } from "quasar";
const userService = {  login: async function(data) {    var res = await user.login(data);    return res.data;  },  logout: async function() {    var res = await user.logout();    return res.data;  },  getUserInfo: async function() {    return LocalStorage.getItem("userInfo") || {};  },  setUserInfo: function(userInfo) {    LocalStorage.set("userInfo", userInfo);  }};
export { userService };

import { userService } from "../../service";import { permissionService } from "../../service";
export const login = ({ commit }, userInfo) => {  return new Promise((resolve, reject) => {    userService      .login(userInfo)      .then(data => {          //session方式登录，其实不需要token，这里为了JWT登录预留，用username代替。          //通过Token是否为空判断本地有没有登录过，方便后续处理。          commit("updateToken", data.principal.username);
          const newUserInfo = {            username: data.principal.username,            realname: data.principal.realname,            avatar: "",            authorities: data.principal.authorities || [],            roles: data.principal.roles || []          };          commit("updateUserInfo", newUserInfo);
          let permissions = data.authorities || [];          let isSuperAdmin = false;          if (permissions.findIndex(t => t.authority === "ROLE_SUPER_ADMIN") >= 0) {            isSuperAdmin = true;          }
          permissionService.set({            permissions: permissions,            isSuperAdmin: isSuperAdmin          });
          resolve(newUserInfo);      })      .catch(error => {        reject(error);      });  });};
export const logout = ({ commit }) => {  return new Promise((resolve, reject) => {    userService      .logout()      .then(() => {        resolve();      })      .catch(error => {        reject(error);      })      .finally(() => {        commit("updateToken", "");        commit("updateUserInfo", {          username: "",          realname: "",          avatar: "",          authorities: [],          roles: []        });
        permissionService.set({          permissions: [],          isSuperAdmin: false        });      });  });};
export const getUserInfo = ({ commit }) => {  return new Promise((resolve, reject) => {    userService      .getUserInfo()      .then(data => {        commit("updateUserInfo", data);        resolve();      })      .catch(error => {        reject(error);      });  });};

import Vue from 'vue'import VueRouter from 'vue-router'
import routes from './routes'import { authService } from "../service";import store from "../store";
Vue.use(VueRouter)
/* * If not building with SSR mode, you can * directly export the Router instantiation; * * The function below can be async too; either use * async/await or return a Promise which resolves * with the Router instance. */const Router = new VueRouter({  scrollBehavior: () => ({ x: 0, y: 0 }),  routes,
  // Leave these as they are and change in quasar.conf.js instead!  // quasar.conf.js -> build -> vueRouterMode  // quasar.conf.js -> build -> publicPath  mode: process.env.VUE_ROUTER_MODE,  base: process.env.VUE_ROUTER_BASE});
const whiteList = ["/login", "/403"];
function hasPermission(router) {  if (whiteList.indexOf(router.path) !== -1) {    return true;  }
  return true;}
Router.beforeEach(async (to, from, next) => {  let token = authService.getToken();  if (token) {    let userInfo = store.state.user.userInfo;    if (!userInfo.username) {      try {        await store.dispatch("user/getUserInfo");        next();      } catch (e) {        if (whiteList.indexOf(to.path) !== -1) {          next();        } else {          next("/login");        }      }    } else {      if (hasPermission(to)) {        next();      } else {        next({ path: "/403", replace: true });      }    }  } else {    if (whiteList.indexOf(to.path) !== -1) {      next();    } else {      next("/login");    }  }});
export default Router;

submit() {  if (!this.username) {    this.$q.notify("用户名不能为空！");    return;  }
  if (!this.password) {    this.$q.notify("密码不能为空！");    return;  }
  this.$q.loading.show({    message: "登录中"  });
  this.$store    .dispatch("user/login", {      username: this.username,      password: this.password,    })    .then(async (data) => {      this.$router.push("/");      this.$q.loading.hide();    })    .catch(e => {      this.$q.loading.hide();      console.error(e);    });}

devServer: {  https: false,  port: 8080,  open: true, // opens browser window automatically  proxy: {    "/api/*": {      target: "https://demo.crudapi.cn",      changeOrigin: true    }  }}