Vue项目包部署到iis服务器的配置方法

首先，打包Vue项目

切换到项目目录，输入cnpm运行构建进行打包

等待打包完成

两个网址重写

访问我们的一个网址

原因是vue不是根据项目目录的地址访问的，而是根据vue-router的转发路由访问的。这里我们有两种方法可以写url重写url，一种是下载iis中的URL重写工具配置规则

另一个是配置web.config文件，我使用第二个

Web.config内容

？xml版本='1.0 '编码='UTF-8 '？configuration system . webserver static content remove file extension='。woff'/mimeMap fileExtension='。woff ' MiMe TYPe=' font/x-woff '/remove FileExtension=' . woff 2 '/MiMe map FileExtension=' . woff 2 ' MiMe TYPe=' font/x-woff 2 '/remove FileExtension='。ttf'/mimeMap fileExtension='。TTF ' MiMeType=' font/x-TTF '/remove FileExtension='。json'/mimeMap fileExtension='。JSON ' MiMeType=' text/JSON '/static content重写规则规则名称=' vue ' stop processing=' true ' match URL='。*/conditions logical grouping=' match all ' add input=' { REQUEST _ FILENAME } ' match type=' IsFIle ' invalive=' true '/add input=' { REQUEST _ FILENAME } ' match type=' IsDirectory ' invalive=' true '/conditions action type=' Rewrite ' URL='///rules/Rewrite/system。webserver/configuration将此文件复制到打包的根目录

找到了成功访问我们的网址

摘要

以上是边肖介绍的将Vue项目打包部署到iis服务器的配置方法。希望对大家有帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！如果你觉得这篇文章对你有帮助，请转载，请注明出处，谢谢！