标签：httpd Vue HTML5History rewrite index apache html conf Apache

一、前言

前端Vue router 使用history模式，URL会比hash模式好看，这种模式要玩好，还需要后端配置支持，否则会报404错误。

注：1.前端代码省略。

　　2.此处后台使用Apache服务支持。

二、后端配置部署

1.创建一个txt文件，在其中添加如下配置

 参照官方文档

<IfModule mod_rewrite.c>
  RewriteEngine On
  RewriteBase /
  RewriteRule ^index\.html$ - [L]
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteRule . /index.html [L]
</IfModule>

 更改文件名为： .htaccess （前面有个点）

 把该文件放到和index.html同级

2.设置apache支持mod_rewrite

找到apache安装目录 etc/httpd/conf/ 下的 httpd.conf 文件

找到“LoadModule rewrite_module modules/mod_rewrite.so”，将前面的"#"号删除。

（如果没有找到，则新增一行，必须独占一行）

 3.设置apache服务支持.htaccess

修改httpd.conf -> "AllowOverride None" 为 "AllowOverride All"

 4.重启apache

命令：service httpd restart

标签：httpd,Vue,HTML5History,rewrite,index,apache,html,conf,Apache
来源： https://www.cnblogs.com/xhq1024/p/12626913.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。