IIS F5刷新出现404,Vue前端


化石原创文章,转载请注明来源并保留原文链接


一个网站,后台没有使用vue写界面,前端界面使用了Vue.js。

架设到IIS上后,发现大多正常,前台、后台都能访问。唯一的问题就是属于vue写的那块页面,只要F5刷新就出现404错误。


查了一下是IIS的安全机制引起,可以使用IIS的URL Rewrite工具解决。

URL Rewrite可以通过IIS管理器,找到Web 平台安装程序这个入口,然后“产品”页面,选中“服务器”,可以找到“URL重写工具 2.0”。如果没有安装,点后面的“安装”即可。

然后到IIS管理器,对应的网站选中后,找到“URL重写”按钮,加入规则。

这里假设我们遇到的F5刷新出问题的url都是hostname/CourseBase/xxx这样的,那么就加入如下规则(选空白规则创建):

1、名称:随便填

2、匹配url:默认状态下,模式填入:^CourseBase/*

3、条件:点击添加,加入“不是文件”

4、操作:重写。重写url中填根目录文件,比如/index.html。

如此操作好,IIS就会在我们的网站web.config.中写入下面内容:

<rewrite>
  <rules>
	  <rule name="F5">
		  <match url="^CourseBase/*" />
			<conditions>
				<add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
			</conditions>
			<action type="Rewrite" url="/Index.html" />
		</rule>
	</rules>
</rewrite>

应用后就能生效。


化石原创文章,转载请注明来源并保留原文链接


发表评论

电子邮件地址不会被公开。 必填项已用*标注