VUE3.0从零开始-打包发布到IIS(终)

最新推荐文章于 2025-04-23 11:07:08 发布

原创最新推荐文章于 2025-04-23 11:07:08 发布 · 4.9k 阅读

13 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

前端

本文介绍了如何通过npm run build命令打包前端应用，并在IIS服务器上进行部署。首先，在终端运行npm run build生成dist文件夹，接着在dist下创建web.config文件配置URL重写规则。然后下载并安装IIS的URL重写模块。最后，在IIS中新建站点，设置好网站名称、内容目录和端口，即可通过http://localhost:8068/访问部署的应用。

1.在终端上输入npm run build

2.生成dist文件夹，里面的内容就是打包压缩好的文件

3.新建web.config 文件到dist下面，把下面的内容复制进去。

<?xml version="1.0" encoding="UTF-8"?>
<configuration>
<system.webServer>
<staticContent>
<remove fileExtension=".woff" />
<mimeMap fileExtension=".woff" mimeType="font/x-woff" />
<remove fileExtension=".woff2" />
<mimeMap fileExtension=".woff2" mimeType="font/x-woff2" />
<remove fileExtension=".ttf" />
<mimeMap fileExtension=".ttf" mimeType="font/x-ttf" />
<remove fileExtension=".json" />
<mimeMap fileExtension=".json" mimeType="text/json" />
</staticContent>
<rewrite>
<rules>
<rule name="vue" 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>