配置文件管理

config/dev.env.js

 module.exports = {
   NODE_ENV: '"development"',
   ENV_CONFIG: '"dev"',
-  QA_API: '"http://172.30.220.22:3003"',
-  TESTDATA_API: '"http://172.30.220.22:3333"'
+  QA_API: '"http://127.0.0.1:3003"',
+  TESTDATA_API: '"http://127.0.0.1:3333"'
 }

src/api/proconfig.js

+import request from '@/utils/request'
+
+export function getProjects(query) {
+  return request({
+    url: '/proconfig/get_project',
+    method: 'get',
+    params: query
+  })
+}
+
+export function saveProject(data) {
+  return request({
+    url: '/proconfig/save',
+    method: 'post',
+    data
+  })
+}
+
+export function deleteProject(query) {
+  return request({
+    url: '/proconfig/delete',
+    method: 'get',
+    params: query
+  })
+}

src/api/proonfig.js

-import request from '@/utils/request'
-
-export function getIndexUrl() {
-  return request({
-    url: '/proconfig/get_project_by_type',
-    method: 'get'
-  })
-}

src/store/modules/user.js

@@ -51,6 +51,7 @@ const user = {
         loginByUsername(username, userInfo.password).then(response => {
           const data = response.data
           commit('SET_TOKEN', data.token)
+          // setToken('14d64dde-13d6-4af3-8654-31d4100eb616')
           setToken(response.data.token)
           resolve()
         }).catch(error => {

src/utils/auth.js

 import Cookies from 'js-cookie'
 
-const TokenKey = 'Admin-Token'
+const TokenKey = 'qa-token'
 
 export function getToken() {
   return Cookies.get(TokenKey)

src/utils/request.js

@@ -15,7 +15,7 @@ service.interceptors.request.use(
     // Do something before request is sent
     if (store.getters.token) {
       // 让每个请求携带token-- ['X-Token']为自定义key 请根据实际情况自行修改
-      config.headers['X-Token'] = getToken()
+      config.headers['x-token'] = getToken()
     }
     return config
   },

src/views/testdata/index.vue

@@ -75,11 +75,13 @@
 
 <script>
 import { getAll, getBankList, getProvinceList } from '@/api/testdata'
+import waves from '@/directive/waves' // Waves directive
 import Pagination from '@/components/Pagination' // Secondary package based on el-pagination
 
 export default {
   name: 'ComplexTable',
   components: { Pagination },
+  directives: { waves },
   data() {
     return {
       tableKey: 0,