windows IIS上部署Vue项目

说明：这里用的vue3,具体版本是： "vue": "^3.3.10"

1.首先执行build命令打包vue项目 

npm run build

执行打包命令后生成的文件在dist文件夹内

2.新建web.config写入配置代码，放进打包后文件的根目录内

https://blog.csdn.net/weixin_41934979/article/details/139711262

<?xml version="1.0" encoding="UTF-8"?>
<configuration>
    <system.webServer>
        <rewrite>
            <rules>
                <rule name="index">
                    <match url="^((?!(api)).)*$" />
                    <conditions>
                        <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
                        <add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
                    </conditions>
                    <action type="Rewrite" url="/index.html" />
                </rule>
            </rules>
        </rewrite>
    </system.webServer>
</configuration>

3. 打开IIS添加网站

4.部署完后打开网站，检测是否部署成功

成功打开网页

5.错误提示

提示：vue部署后访问不成功，有可能是IIS没有安装 "url重写" ，下载连接：

https://iis-umbraco.azurewebsites.net/downloads/microsoft/url-rewrite

下载链接网页，最下面找到对应的版本下载后安装即可