axios test

.env.development

@@ -1,6 +0,0 @@
-# 开发环境配置
-ENV = 'development'
-
-# 开发环境
-VUE_APP_BASE_API = '/api'
-

src/api/api.js

@@ -1,12 +1,12 @@
 import request from "@/utils/request.js";
 import qs from "qs";
 
-const baseUrl = '/api/'
+const baseUrl = '/api'
 
 
 export function getHotNews() {
     return request({
-        url: "/api",
+        url: baseUrl+"/hot",
         method: "get",
     });
 }

src/components/home/HomeHeader.vue

@@ -2,7 +2,7 @@
   <div class="header">
     <div class="menu-circle"></div>
     <div class="header-menu">
-      <router-link class="menu-link" active-class="is-active" v-for="(item,index) in tabList" v-if="tabList.length>0" :key="item.index" :to="item.path" >{{item.libel}}</router-link>
+      <router-link class="menu-link notify" active-class="is-active" v-for="(item,index) in tabList" v-if="tabList.length>0" :key="item.index" :to="item.path" >{{item.libel}}</router-link>
     </div>
 <!--    <el-menu class="header-menu" :default-active="$route.path" router background-color="#0C0F194C">-->
 <!--      <el-menu-item class="menu-link is-active" index="/home">ALL</el-menu-item>-->

src/components/home/HomePage.vue

@@ -184,6 +184,7 @@
 
 <script>
 import $ from 'jquery'
+import {getHotNews} from "@/api/api";
 // import MainHeader from "@/components/home/MainHeader.vue";
 export default {
   name:"HomePage",

src/components/hotNews/HotNews.vue

@@ -4,7 +4,8 @@
   </div>
 </template>
 <script>
-import {getHotNews} from '@/api/api'
+import {getHotNews} from "@/api/api";
+
 export default {
   name: "HotNews",
   components: {},
@@ -12,7 +13,7 @@ export default {
     return {}
   },
   mounted() {
-  this.getNews();
+    this.getNews();
   },
   created() {
 
@@ -20,8 +21,8 @@ export default {
   computed: {},
   methods: {
     getNews(){
-      getHotNews().then(response=>{
+      getHotNews().then(res=>{
-        console.log(response);
+        console.log(res);
       })
     }
   }

src/components/notFound/NotFound.vue

@@ -44,9 +44,14 @@ export default {
 
     process(){
       var percentageElement = document.getElementById("percentage");
-      this.percentage += parseInt(Math.random() * 10);
+      this.percentage += parseInt(Math.random() * 50);
       if (this.percentage > 100) {
         this.percentage = 100;
+        this.$router.push({
+          path:'/home',
+          query: {
+
+          }})
       }
       percentageElement.innerText = this.percentage;
       this.processInterval();

src/utils/request.js

@@ -6,7 +6,7 @@ import { Message} from 'element-ui';
 //1. 创建新的axios实例，
 const service = axios.create({
     // 公共接口--这里注意后面会讲
-    baseURL: process.env.VUE_APP_BASE_API,
+    // baseURL: process.env.VUE_APP_BASE_API,
     // 超时时间 单位是ms，这里设置了3s的超时时间
     timeout: 3 * 1000
 })

vue.config.js

@@ -10,7 +10,7 @@ module.exports = defineConfig({
 
       '/api': {
         //后端接口的baseurl
-        target: 'https://open.tophub.today/daily',
+        target: 'https://open.tophub.today',
         //是否允许跨域
         changeOrigin: true,
         // ws: true,                       //是否代理 websockets