首页  »   IIS

Vue H5 History 部署IIS上404有关问题

网友分享于:2013-05-09  浏览:0次
Vue H5 History 部署IIS上404问题

背景简介

vue使用vue-router时,默认的地址并不美观,以#进行分割,例如:http://www.xxx.com/#/main
为了访问地址能像正常的url一样,例如:http://www.xxx.com/user/id
按照官网介绍,使用 history 模式。但是却产生了问题。

问题

因为我们的应用是单页客户端应用,当用户在浏览器直接访问http://www.xxx.com/user/id时,刷新页面的时候,会返回404错误。

问题原因

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

解决方案

官网提供的解决方案只支持Apache服务器以及Nginx服务器配置,然而IIS的解决方案并没有给出

总结

Url重写设置
匹配的URL:请求的URL选择与模式匹配,模式中填写*,使用选项选择通配符;即表示所有的网站都通过此模式进行检查匹配。
条件:是下面的条件选项,我们选择不是文件,逻辑分组为全部匹配。
操作:重写到index.html(根据情况,设置为自己的单页面应用首页)。

以上操作是设置我们的页面请求为先检查有没有该文件,没有该文件全部重写到首页,从而能够使用自定义路由。然后在vue程序中设置/index.html路径为起始页,并且定义404页面。

相关解决方案

最新解决方案