这篇文章主要介绍了vue下history模式刷新后404错误解决方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
本文介绍了vue下history模式刷新后404错误解决方法，分享给大家，具体如下：
官方说明文档：
https://router.vuejs.org/zh/guide/essentials/history-mode.html
一、 实测 Linux 系统 Apache 配置：
更改站点配置文件即可，我这里在 Directory 标签后面添加了官方给的五行配置
#Created by linvic on 2018-05-24 Serveradmin [email protected] ServerName blog.xxx.com DocumentRoot /home/www/blog Options FollowSymLinks AllowOverride All #Require all denied Require all granted RewriteEngine On RewriteBase / RewriteRule ^index\.html$ - [L] RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule . /index.html [L] <span style="color:transparent">本文来源gaodai#ma#com搞*!代#%^码网%</span>
二、 实测 Windows 环境下 IIS 配置
1. IIS安装Url重写功能
https://msdn.microsoft.com/zh-cn/gg192883.aspx
- 到该网站下载安装web平台安装程序
- 安装后打开到里面搜索安装URL重写功能
2. web.config
将web.config 文件放置于 npm run build 打包后文件的根目录即可。
ps:此文件会自动给IIS上的URL重写功能进行相关配置
文件内容如下：
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
以上就是vue下history模式刷新后404错误解决方法的详细内容，更多请关注gaodaima搞代码网其它相关文章！
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：vue下history模式刷新后404错误解决方法
转载请注明原文链接：vue下history模式刷新后404错误解决方法
