修改前端页面

frontend/src/App.vue

@@ -3,8 +3,8 @@
     <el-container>
       <el-header class="header">
         <div class="header-content">
-          <h1><i class="el-icon-cloudy-and-sunny"></i> AWS EC2 价格计算器</h1>
-          <el-menu mode="horizontal" router class="menu" background-color="#3498db" text-color="#fff" active-text-color="#ffd04b">
+          <h1><i class="el-icon-cloudy-and-sunny"></i> 云服务器价格计算器</h1>
+          <el-menu mode="horizontal" router :default-active="'/awsSearch'" class="menu" background-color="#3498db" text-color="#fff" active-text-color="#ffd04b">
             <!-- <el-menu-item index="/"><i class="el-icon-s-finance"></i> 价格计算器</el-menu-item> -->
             <el-menu-item index="/awsSearch"><i class="el-icon-search"></i>AWS报价</el-menu-item>
             <el-menu-item index="/awsSearchDiscount"><i class="el-icon-search"></i>AWS折扣</el-menu-item>
@@ -17,7 +17,7 @@
         <router-view></router-view>
       </el-main>
       <el-footer class="footer">
-        <p>AWS EC2 价格计算器 &copy; 2023</p>
+        <p>云服务器价格计算器 &copy; 2023</p>
       </el-footer>
     </el-container>
   </div>

frontend/src/router/index.js

@@ -1,24 +1,13 @@
 import { createRouter, createWebHistory } from 'vue-router'
-import PriceCalculator from '../views/PriceCalculator.vue'
 import PriceComparison from '../views/PriceComparison.vue'
 import BudgetEstimator from '../views/BudgetEstimator.vue'
 import InstanceSearch from '../views/InstanceSearch.vue'
 import AwsSearchDiscount from '../views/AwsSearchDiscount.vue'
+
 const routes = [
   {
     path: '/',
-    name: 'PriceCalculator',
-    component: PriceCalculator
-  },
-  {
-    path: '/compare',
-    name: 'PriceComparison',
-    component: PriceComparison
-  },
-  {
-    path: '/budget',
-    name: 'BudgetEstimator',
-    component: BudgetEstimator
+    redirect: '/awsSearch'
   },
   {
     path: '/awsSearch',
@@ -29,6 +18,16 @@ const routes = [
     path: '/awsSearchDiscount',
     name: 'AwsSearchDiscount',
     component: AwsSearchDiscount
+  },
+  {
+    path: '/compare',
+    name: 'PriceComparison',
+    component: PriceComparison
+  },
+  {
+    path: '/budget',
+    name: 'BudgetEstimator',
+    component: BudgetEstimator
   }
 ]