SPA 路由history模式上线后刷新404 @令狐张豪

SPA 路由history模式上线后刷新404

vue默认模式是hash模式    url地址栏会带有“#”这个字符。

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

感觉和正常的url相比有点丑。

所以我们就会使用history这个模式把“#”去掉，但是当我们打包上线时会发现跳转路由之后，刷新页面会出现404报错，那么我们应该怎么解决呢？？

注：hash改history教程→（hash改history教程）←鼠标右击打开链接

解决方案：

1. 先去下载一个web程序安装平台  （下载地址）*  ←右击打开链接

2.下载安装完成之后打开IIS可以看到我们安装的web程序安装平台

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

4.当安装完成之后返回你的网站主界面，就会发现多出一个URL重写选项

5.双击打开，点击添加规则

6.点击添加规则后，并选择入站规则的空白规则

7.名称随便写一下自己能区分就行，这里我就写为linghu，在设置匹配URL时，将使用选项改为 ‘通配符’ ，重要的步骤：将模式中写“*”，就是数学中的星号*

8.接着设置条件选项，点击添加，在选择输入字符串是否时：选择不是文件，然后确定

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

最后返回规格，重新浏览下地址就ok了

注：如需转载注明出处