Vue项⽬打包部署到iis服务器的配置⽅法⼀将Vue项⽬打包
切换到项⽬⽬录下，输⼊cnpm run build打包
antdesignvue 配置外部文件
等待打包完成
⼆ URL 重写
访问我们的⼀个url
原因是vue不是根据项⽬⽬录的地址访问的，是根据vue-router转发路由访问url，在这⾥我们应该进⾏url rewrite url write的⽅式有两种，⼀种是在iis下载url rewrite⼯具配置规则
另⼀种是配置fig⽂件，我⽤的是第⼆种
<?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>
将该⽂件拷贝到打包好根⽬录下⾯
发现成功访问到我们的url
总结
以上所述是⼩编给⼤家介绍的Vue项⽬打包部署到iis服务器的配置⽅法，希望对⼤家有所帮助，如果⼤家有任何疑问请给我留⾔，⼩编会及时回复⼤家的。在此也⾮常感谢⼤家对⽹站的⽀持！
如果你觉得本⽂对你有帮助，欢迎转载，烦请注明出处，谢谢！

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。