vue项目vite打包后内置的html页面无法展示

如果你使用 Vite 打包 Vue 项目时遇到了无法展示内置的 HTML 页面的问题，可能是因为 Vite 默认只处理 Vue 单文件组件，而不会处理普通的 HTML 文件。

为了解决这个问题，你需要在 Vite 的配置文件中添加一个插件来处理 HTML 文件。可以使用 Vite 插件 `vite-plugin-html`，该插件会将 HTML 文件作为 Vue 组件来处理，并将其添加到应用程序的构建中。

首先，安装 `vite-plugin-html`：

npm install --save-dev vite-plugin-html

然后，在 `vite.config.js` 文件中添加以下代码：

import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
import html from 'vite-plugin-html';

export default defineConfig({
  plugins: [
    vue(),
    html({
      minify: true,
      inject: {
        injectData: {
          title: 'My App',
        },
      },
    }),
  ],
});

此配置中，我们引入了 `vite-plugin-html` 插件，并将其添加到 Vite 配置文件中的插件列表中。我们还设置了一些选项来配置插件的行为，例如 `minify` 用于压缩 HTML 文件，`inject` 用于注入数据到 HTML 文件中。

现在，重新运行打包命令，你应该能够看到内置的 HTML 页面已经可以正常展示了。