头部和底部信息配置

.env.example

@@ -3,6 +3,8 @@ BASE_URL=/
 
 VUE_APP_VUEX_KEY=ex_vuex
 
+VUE_APP_PAGE_TITLE="ZH Explorer"
+VUE_APP_PAGE_COPYRIGHT="@2021 域展科技 All Rights Reserved.Powered by 哈尔滨域展科技有限公司 黑ICP备19007143号-2"
 VUE_APP_TITLE=联盟链浏览器
 VUE_APP_API_URL=/api
 VUE_APP_BLOCK_URL=https://explorer.lianshang.vip/api

src/components/Footer.vue

@@ -1,14 +1,13 @@
 <template>
   <div class="footer ">
     <div class="wrap">
-      @2021 域展科技 All Rights Reserved.Powered by 哈尔滨域展科技有限公司
-      黑ICP备19007143号-2
+      {{ copyright }}
     </div>
   </div>
 </template>
 
 <script lang="ts" setup>
-
+const copyright = process.env.VUE_APP_PAGE_COPYRIGHT;
 </script>
 
 <style scoped lang="less">

src/components/Header.vue

@@ -2,18 +2,19 @@
   <div class="header">
     <div class="wrap">
       <div class="logo" @click="router.push({name: 'Home'})">
-        JZC Explorer
+        {{ title }}
       </div>
-      <Nav/>
+      <Nav />
     </div>
   </div>
 </template>
 
 <script lang="ts" setup>
-import { useRouter } from 'vue-router'
-import { Nav } from '@/components'
+import { Nav } from '@/components';
+import { useRouter } from 'vue-router';
 
-const router = useRouter()
+const router = useRouter();
+const title = process.env.VUE_APP_PAGE_TITLE;
 </script>
 
 <style scoped lang="less">

yarn.lock

@@ -2575,9 +2575,9 @@ caniuse-api@^3.0.0:
     lodash.uniq "^4.5.0"
 
 caniuse-lite@^1.0.0, caniuse-lite@^1.0.30001109, caniuse-lite@^1.0.30001254:
-  version "1.0.30001257"
-  resolved "https://registry.nlark.com/caniuse-lite/download/caniuse-lite-1.0.30001257.tgz#150aaf649a48bee531104cfeda57f92ce587f6e5"
-  integrity sha1-FQqvZJpIvuUxEEz+2lf5LOWH9uU=
+  version "1.0.30001320"
+  resolved "https://registry.npmmirror.com/caniuse-lite/-/caniuse-lite-1.0.30001320.tgz"
+  integrity sha512-MWPzG54AGdo3nWx7zHZTefseM5Y1ccM7hlQKHRqJkPozUaw3hNbBTMmLn16GG2FUzjR13Cr3NPfhIieX5PzXDA==
 
 case-sensitive-paths-webpack-plugin@^2.3.0:
   version "2.4.0"