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服务器的配置⽅法,希望对⼤家有所帮助,如果⼤家有任何疑问请给我留⾔,⼩编会及时回复⼤家的。在此也⾮常感谢⼤家对⽹站的⽀持!
如果你觉得本⽂对你有帮助,欢迎转载,烦请注明出处,谢谢!