Vite 在index.html中配置VITE_APP_TITLE

1. vite.config.js中引入插件

   1. 和vue/cli中不同的是，想要在html中使用环境变量，必须手动的引入vite-plugin-html插件才能实现原来的效果。可能是因为vue/cli中内置了plugin-html插件的原因。

      import { createHtmlPlugin } from 'vite-plugin-html'

2. 插件配置

     createHtmlPlugin({
                   inject: {
                       data: {
                           VITE_APP_TITLE: env.VITE_APP_TITLE
                       }
                   }
               }),
   

3. html设置

   1. <%= VALUE %> 用来做不转义插值；

   2. <%- VALUE %> 用来做 HTML 转义插值；

   3. <% expression %> 用来描述 JavaScript 流程控制。

      <%= VITE_APP_TITLE %>

Vite 动态设置title

1. 基于《Vite 在index.html中配置VITE_APP_TITLE》

2. router.afterEach配置

   router.afterEach((to) => {
       const title = (to.meta && to.meta.title) || import.meta.env.VUE_APP_TITLE;
       document.title = title;
   });