vue下history模式刷新后404错误解决

官方说明文档：

https://router.vuejs.org/zh/g...

Vue 使用History记录上一页面的数据

一、 实测 Linux 系统 Apache 配置：

更改站点配置文件即可，我这里在 Directory 标签后面添加了官方给的五行配置

<VirtualHost *:80>
    #Created by linvic on 2018-05-24
    Serveradmin [email protected]
    ServerName blog.xxx.com
    DocumentRoot /home/www/blog

    <Directory "/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] 
        
    </Directory>
</VirtualHost>

二、 实测 Windows 环境下 IIS 配置

1. IIS安装Url重写功能

https://msdn.microsoft.com/zh...

1. 到该网站下载安装web平台安装程序
2. 安装后打开到里面搜索安装URL重写功能

2. web.config

将web.config 文件放置于 npm run build 打包后文件的根目录即可。

ps:此文件会自动给IIS上的URL重写功能进行相关配置

文件内容如下：