调整目录结构

TEAMModel.Contest/ContestApp/components/HelloWorld.vue

@@ -2,31 +2,15 @@
   <div class="hello">
     <h1>{{ msg }}</h1>
     <p>
-      For a guide and recipes on how to configure / customize this project,<br>
-      check out the
-      <a href="https://cli.vuejs.org" target="_blank" rel="noopener">vue-cli documentation</a>.
+    <a href="https://cli.vuejs.org" target="_blank" rel="noopener">vue-clidocumentation</a>.
     </p>
     <h3>Installed CLI Plugins</h3>
     <ul>
-      <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-babel" target="_blank" rel="noopener">babel</a></li>
+    <li>
+        <a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-babel" target="_blank" rel="noopener">babel</a>
+    </li>
     </ul>
-    <h3>Essential Links</h3>
-    <ul>
-      <li><a href="https://vuejs.org" target="_blank" rel="noopener">Core Docs</a></li>
-      <li><a href="https://forum.vuejs.org" target="_blank" rel="noopener">Forum</a></li>
-      <li><a href="https://chat.vuejs.org" target="_blank" rel="noopener">Community Chat</a></li>
-      <li><a href="https://twitter.com/vuejs" target="_blank" rel="noopener">Twitter</a></li>
-      <li><a href="https://news.vuejs.org" target="_blank" rel="noopener">News</a></li>
-    </ul>
-    <h3>Ecosystem</h3>
-    <ul>
-      <li><a href="https://router.vuejs.org" target="_blank" rel="noopener">vue-router</a></li>
-      <li><a href="https://vuex.vuejs.org" target="_blank" rel="noopener">vuex</a></li>
-      <li><a href="https://github.com/vuejs/vue-devtools#vue-devtools" target="_blank" rel="noopener">vue-devtools</a></li>
-      <li><a href="https://vue-loader.vuejs.org" target="_blank" rel="noopener">vue-loader</a></li>
-      <li><a href="https://github.com/vuejs/awesome-vue" target="_blank" rel="noopener">awesome-vue</a></li>
-    </ul>
-  </div>
+    </div>
 </template>
 
 <script>
@@ -43,7 +27,7 @@ export default {
 h3 {
   margin: 40px 0 0;
 }
-ul {
+ul                                           {
   list-style-type: none;
   padding: 0;
 }

TEAMModel.Contest/ContestApp/http/http.js

@@ -0,0 +1,103 @@
+import axios from 'axios';
+import Vue from 'vue'
+import router from '../router/router'
+axios.defaults.timeout = 10000; //设置超时时长
+axios.defaults.baseURL = '';
+
+
+//http request 拦截器
+axios.interceptors.request.use(
+    config => {
+        // const token = getCookie('名称');
+        config.data = JSON.stringify(config.data);
+
+        if (localStorage.getItem('token')) {
+            config.headers = {
+                'Authorization': "Bearer " + localStorage.getItem('token'),
+            }
+        } else {
+            config.headers = {
+                'Authorization': ""
+            }
+        }
+        return config;
+    },
+    error => {
+        return Promise.reject(error);
+    }
+);
+
+
+//http response 拦截器
+axios.interceptors.response.use(
+    response => {
+        if (response.data.errCode == 2) {
+            router.push({
+                path: "/login",
+                querry: { redirect: router.currentRoute.fullPath }//从哪个页面跳转
+            })
+        }
+        return response;
+    },
+    error => {
+        if (401 === error.response.status) {
+            localStorage.clear();
+            window.location.href = window.location.origin + '/selectModule';
+            alert("登录状态已过期！请重新登录！");
+        } else if (500 === error.response.status) {
+            alert("服务器错误！");
+        } else {
+            return Promise.reject(error);
+        }
+    }
+)
+
+
+/**
+ * 封装get方法
+ * @param url
+ * @param data
+ * @returns {Promise}
+ */
+
+export function get(url, params) {
+    let data = {};
+    data.method = url;
+    data.params = params;
+    data.lang = localStorage.getItem('local');
+    return new Promise((resolve, reject) => {
+        axios.get(url, data)
+            .then(response => {
+                resolve(response.data);
+                //  this.$Message.success('数据访问成功！');
+            })
+            .catch(err => {
+                reject(err);
+                this.$Message.error('数据访问错误！');
+            })
+    }) 
+}
+
+/**
+ * 封装post请求
+ * @param url
+ * @param data
+ * @returns {Promise}
+ */
+
+export function post(url, params) {
+    let data = {};
+    data.method = url;
+    data.params = params;
+    data.lang = localStorage.getItem('local');
+    return new Promise((resolve, reject) => {
+        axios.post(url, data)
+            .then(response => {
+                resolve(response.data);
+                // this.$Message.success('数据访问成功！');
+            }, err => {
+                reject(err);
+                //this.$Message.error('数据访问错误！');
+            })
+    })
+}

TEAMModel.Contest/ContestApp/router/router.js

@@ -1,6 +1,6 @@
 import Vue from 'vue'
 import Router from 'vue-router'
-import Home from './views/Home.vue'
+import Home from '../views/Home.vue'
 
 Vue.use(Router)
 

TEAMModel.Contest/ContestApp/src/App.vue

@@ -1,7 +1,7 @@
 <template>
   <div id="app">
     <div id="nav">
-      <router-link to="/">Home</router-link> |
+      <router-link to="/">Home</router-link> 
       <router-link to="/about">About</router-link>
     </div>
     <router-view/>

TEAMModel.Contest/ContestApp/src/main.js

@@ -1,7 +1,7 @@
- import Vue from 'vue'
-import App from './App.vue'
-import router from './router'
-import store from './store'
+import Vue from 'vue'
+import App from '../src/App.vue'
+import router from '../router/router'
+import store from '../store/store'
 
 Vue.config.productionTip = false
 

TEAMModel.Contest/ContestApp/views/Home.vue

@@ -7,7 +7,7 @@
 
 <script>
 // @ is an alias to /src
-import HelloWorld from '@/components/HelloWorld.vue'
+import HelloWorld from '../components/HelloWorld.vue'
 
 export default {
   name: 'home',

TEAMModel.Contest/TEAMModel.Contest.csproj

@@ -14,7 +14,7 @@
 
 
   <ItemGroup>
-    <Folder Include="ContestApp\新文件夹\" />
+    <Folder Include="ContestApp\api\" />
     <Folder Include="wwwroot\" />
   </ItemGroup>
 

TEAMModel.Contest/Views/Home/Index.cshtml

@@ -15,6 +15,7 @@
 
     }
 </script>
+<div id="app"></div>
 
 @section scripts {
     <script src="~/dist/main.js" asp-append-version="true"></script>