IIS下发布Vue网站

在IIS（Internet Information Services）上发布由Vue.js打包生成的网站，以下是详细的步骤：

1. 打包Vue.js项目

确保你已经安装了Node.js和Vue CLI：
```
npm install -g @vue/cli
```
进入你的Vue项目目录：
```
cd your-vue-project
```
运行打包命令：
```
npm run build
```
这条命令会在项目的根目录下生成一个 dist 文件夹，里面包含了打包后的静态文件。

2. 安装和配置IIS

确保IIS已经安装：
- 在Windows上，打开“控制面板” -> “程序” -> “启用或关闭Windows功能”，勾选“Internet Information Services”及其相关组件。
配置IIS：
- 打开IIS管理器（可以在“运行”中输入 inetmgr）。
- 在左侧的连接面板中，右键点击“网站”，选择“添加网站”。
  - 网站名称：自定义名称。
  - 物理路径：选择刚才打包生成的 dist 文件夹。
  - 端口：通常使用80或其他未被占用的端口。
设置默认文档：
- 选择你刚刚创建的网站，在中间的“功能视图”中，找到“默认文档”，确保 index.html 在列表中。

3. 配置URL重写（可选）

如果你的Vue.js应用使用了路由（例如 vue-router），你可能需要配置URL重写，以确保用户能够直接访问特定的路由。

安装URL重写模块：
- 从 IIS的官方网站下载并安装URL重写模块。

配置web.config文件：
在 dist 文件夹中创建一个 web.config 文件并添加以下内容：

<?xml version="1.0" encoding="UTF-8"?>
<configuration>
    <system.webServer>
        <rewrite>
            <rules>
                <rule name="React Routes" stopProcessing="true">
                    <match url=".*" />
                    <conditions logicalGrouping="MatchAll">
                        <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
                        <add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
                    </conditions>
                    <action type="Rewrite" url="/" />
                </rule>
            </rules>
        </rewrite>
    </system.webServer>
</configuration>