构建生产版本完成后双击默认文档图标

一、构建生产版本

你需要安装 Vue CLI。如果没有安装，可以通过命令行输入以下指令来安装：

接着，使用 Vue CLI 创建一个新的 Vue 项目：

根据提示选择你的项目配置，完成后，进入项目目录：

然后，运行构建命令来生成生产版本：

这将创建一个 `dist` 目录，里面包含生产版本的构建文件。

二、配置 IIS

确保你的 Windows 系统中安装了 IIS。可以通过“控制面板”中的“程序和功能”来启用 IIS。

配置网站

1. 打开 IIS 管理器。
2. 在左侧的连接列表中选择你的服务器节点。
3. 右键单击“网站”，选择“添加网站”。
4. 输入网站名称，选择物理路径（即 `dist` 目录的路径），并设置端口号（默认为80）。

配置默认文档

确保 `index.html` 是默认文档：

1. 在 IIS 管理器中，选择你的网站。
2. 双击“默认文档”图标。
3. 确保 `index.html` 在列表中。如果没有，可以通过右侧的“添加”操作将其添加。

配置 MIME 类型

Vue 的构建文件可能包含某些文件类型（如 `.vue`, `.js`, `.css` 等），你需要确保这些 MIME 类型在 IIS 中配置正确：

1. 在 IIS 管理器中，选择你的网站。
2. 双击“MIME 类型”图标。
3. 检查并添加必要的 MIME 类型。

三、部署文件

将 `dist` 目录中的所有文件复制到你在 IIS 中配置的网站物理路径中。

四、设置 URL 重写

Vue 是一个单页应用程序（SPA），可能需要 URL 重写规则以确保路由正常工作。你可以在 IIS 中通过 URL 重写模块来实现：

1. 打开 IIS 管理器，选择你的网站。
2. 双击“URL 重写”图标。
3. 点击右侧的“添加规则”，选择“空白规则”。
4. 配置规则以将所有请求重写为 `index.html`，例如：

保存规则并应用。

五、检查与测试

打开浏览器，输入你配置的网站地址，检查是否能够正常访问 Vue 应用。

如果遇到问题，可以查看 IIS 日志以获取更多调试信息。日志通常位于 IIS 安装目录中的 `logs` 文件夹中。

确保你的 IIS 配置符合最佳安全实践，并根据需要启用压缩、缓存等功能以优化网站性能。

通过以上步骤，你可以成功地将 Vue 应用部署在 IIS 服务器上。记得定期检查和维护你的 IIS 服务器，以确保应用的持续稳定运行。

如果你在部署过程中遇到问题，可以查阅相关文档或社区支持，以找到解决方案。