其他分享
首页 > 其他分享> > history模式在IIS服务器上,非初始路由下,刷新报404错误解决方案(亲测有效)

history模式在IIS服务器上,非初始路由下,刷新报404错误解决方案(亲测有效)

作者:互联网

问题描述:

vue默认模式是hash模式,URL地址会带有“#”。

例如:http://www.xxx.com/#/index

为了去掉这个#,需要在vue-router中,设置model为history,开发模式下木有问题,打包后,问题来了,

原始路径下,http://www.xxx.com/index刷新时候页面正常显示,如果路由跳转了,http://www.xxx.com/index/id,再刷新的时候就会报404错误

问题原因:

服务端的URL匹配不到相应的路由资源

解决方案:

1、更新IIS版本,最好的6以上的IIS,否则可能装不上。

2、下载web程序安装平台

地址:https://www.iis.net/downloads/microsoft/url-rewrite

3、安装完成后,打开IIS,在主页上,可以看到安装的web程序安装平台

4、找到你配置的网站,双击打开web程序安装平台,并在他产品选项下的服务器中找到URL重写工具,进行安装

5、安装完成后,你的网站主界面上,会多出一个URL重写选项

6、打开这个工具,添加规则——空白规则—

7、随便给规则定个名字,在设置匹配URL时候,将“使用”选项改为“通配符”,将模式中写上“*”

8、设置条件选项,点击添加,在选择输入字符串是否时:选择不是文件,然后确定!

9、接着就是设置操作中的操作属性,在里面写你打包后的index.html路径,因为你放入的是dist文件夹所以我们要在inde.html 前加上

10、保存,重启IIS。完美解决。

11、设置好以后,在你的文件路径下,会都出一个web.config文件。其内容如下,如果安装不成功的,可以将这个文件内容直接写好放到目录下,也是可以的。

标签:web,www,IIS,index,URL,程序安装,404,亲测
来源: https://www.cnblogs.com/Aatao/p/16091490.html