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

前端之家收集整理的这篇文章主要介绍了vue下history模式刷新后404错误解决方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

本文介绍了vue下history模式刷新后404错误解决方法分享给大家,具体如下:

官方说明文档:

@L_403_0@

一、 实测 Linux 系统 Apache 配置:

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

#Created by linvic on 2018-05-24 Serveradmin 674206994@qq.com 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] 

二、 实测 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重写功能进行相关配置

文件内容如下:

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

原文链接:https://www.f2er.com/vue/30889.html

猜你在找的Vue相关文章