✨ 项目结构完善

.env.development

@@ -0,0 +1,3 @@
+NODE_ENV=development
+VUE_APP_API=
+VUE_APP_DEV=true

.env.production

@@ -0,0 +1,3 @@
+NODE_ENV=production
+VUE_APP_API=
+VUE_APP_DEV=false

.env.test

@@ -0,0 +1,3 @@
+NODE_ENV=test
+VUE_APP_API=
+VUE_APP_DEV=false

babel.config.js

@@ -1,3 +1,12 @@
 module.exports = {
-  presets: ["@vue/app"]
+  presets: ["@vue/app"],
+  plugins: [
+    [
+      "component",
+      {
+        libraryName: "element-ui",
+        styleLibraryName: "theme-chalk"
+      }
+    ]
+  ]
 };

package.json

@@ -9,7 +9,9 @@
     "test:unit": "vue-cli-service test:unit"
   },
   "dependencies": {
+    "axios": "^0.19.0",
     "core-js": "^2.6.5",
+    "element-ui": "^2.12.0",
     "vue": "^2.6.10",
     "vue-class-component": "^7.0.2",
     "vue-property-decorator": "^8.1.0",
@@ -28,6 +30,7 @@
     "@vue/eslint-config-typescript": "^4.0.0",
     "@vue/test-utils": "1.0.0-beta.29",
     "babel-eslint": "^10.0.1",
+    "babel-plugin-component": "^1.1.1",
     "chai": "^4.1.2",
     "eslint": "^5.16.0",
     "eslint-plugin-prettier": "^3.1.0",

src/main.ts

@@ -1,7 +1,7 @@
 import Vue from "vue";
 import App from "./App.vue";
 import router from "./router";
-import store from "./store";
+import store from "./store/index";
 
 Vue.config.productionTip = false;
 

src/router.ts

@@ -6,7 +6,7 @@ Vue.use(Router);
 
 export default new Router({
   mode: "history",
-  base: process.env.BASE_URL,
+  // base: process.env.BASE_URL,
   routes: [
     {
       path: "/",

src/store/index.ts

@@ -0,0 +1,14 @@
+import Vue from "vue";
+import Vuex from "vuex";
+import user from "./modules/user";
+
+Vue.use(Vuex);
+
+const store = new Vuex.Store({
+  strict: process.env.NODE_ENV !== "production",
+  modules: {
+    user
+  }
+});
+
+export default store;

src/store/modules/user.ts

@@ -0,0 +1,8 @@
+const user = {
+  state: {},
+  mutations: {},
+  actions: {},
+  getters: {}
+};
+
+export default user;

src/utils/request.ts

@@ -0,0 +1,97 @@
+import axios from "axios";
+
+axios.defaults.headers = {
+  "Content-Type": "application/json;charset=utf8"
+  // token: Cookies.get("system_token") || ""
+};
+
+axios.defaults.baseURL = process.env.VUE_APP_API ? process.env.VUE_APP_API : "";
+// console.log("process.env.VUE_APP_API", process.env.VUE_APP_API);
+
+// 请求拦截器
+axios.interceptors.request.use(
+  config => {
+    return config;
+  },
+  error => Promise.reject(error)
+);
+
+axios.interceptors.response.use(
+  response => {
+    return response;
+  },
+  error => Promise.resolve(error.response)
+);
+
+export function formateURLOnlyGet(link: string, json: object) {
+  let url = link;
+  var data = Object.entries(json);
+
+  if (data.length) {
+    url += url.indexOf("?") == -1 ? "?" : "";
+    url += Object.entries(data)
+      .map(item => {
+        return item[1].join("=");
+      })
+      .join("&");
+  }
+  return url;
+}
+
+/**
+ * GET请求方法
+ * @param {String} url 请求地址
+ * @param {json} json 请求参数
+ */
+export function getData(url: string, json: object) {
+  return axios
+    .get(formateURLOnlyGet(url, json))
+    .then(res => res.data)
+    .catch(error => error.response);
+}
+
+export function postData(url: string, json: object) {
+  return axios
+    .post(url, json)
+    .then(res => res.data)
+    .catch(error => error.response);
+}
+export function deleteData(url: string, json: object) {
+  return axios({
+    url: formateURLOnlyGet(url, json),
+    method: "delete"
+    // data: json
+  })
+    .then(res => res.data)
+    .catch(error => error.response);
+}
+export function deleteJSON(url: string, json: object) {
+  return axios({
+    url: url,
+    method: "delete",
+    data: json
+  })
+    .then(res => res.data)
+    .catch(error => error.response);
+}
+export function putData(url: string, json: object) {
+  return axios({
+    url,
+    method: "put",
+    data: json
+  })
+    .then(res => res.data)
+    .catch(error => error.response);
+}
+
+export function downloadFile(url: string, json: object) {
+  return axios({
+    url,
+    method: "post",
+    data: json,
+    withCredentials: true,
+    responseType: "blob"
+  })
+    .then(res => res)
+    .catch(error => error.response);
+}