内容简介：现在单页面应用比较流行，使用单页面应用可以使页面运行的很流畅，访问起来有一个更好的用户体验，页面在使用webpack打包后上传到服务器，访问的路径中带有一些特殊符号让修改
现在单页面应用比较流行，使用单页面应用可以使页面运行的很流畅，访问起来有一个更好的用户体验，页面在使用webpack打包后上传到服务器，访问的路径中带有一些特殊符号 #
，我们要去掉这个符号，一方面会对seo有有影响，另一方面路径不够美观。
前期准备
检查apache是否支持mod_rewrite
-
通过 php 函数
phpinfo()查看环境配置，在输出的内容中是否存在mod_rewrite，存在就不需要进行设置。 -
如果不存在就在
apache安装目录中找到httpd.conf文件，把LoadModule rewrite_module前面的“#”号去掉。 -
如果没有找到
LoadModule rewrite_module就添加上LoadModule rewrite_module modules/mod_rewrite.so,然后重启apache服务
让 apache
支持 .htaccess
文件
修改 httpd.conf
文件内容
Options FollowSymLinks AllowOverride None
修改为
Options FollowSymLinks AllowOverride All
修改完重启 apache
服务
构建项目
vue开启history路由模式
使用webpack对项目build完成后，复制dist文件夹中的文件到web根目录
www |--static |--index.html
添加 .htaccess
文件
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.html$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.html [L]
</IfModule>
最终项目目录
www |--static |--.htaccess |--index.html
在配置过程中需要注意的内容：build的文件中的内容需要放到web的根目录
在添加 .htaccess
文件后服务端不会返回404页面，需要在前端定义404页面
以上所述就是小编给大家介绍的《vue使用history模式在apache服务中的路径配置》，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持！
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
大连接
[美] 尼古拉斯•克里斯塔基斯（Nicholas A. Christakis）、[美] 詹姆斯•富勒（James H. Fowler） / 简学 / 中国人民大学出版社 / 2013-1 / 59.90元
[内容简介] 1. 本书是继《六度分隔》之后，社会科学领域最重要的作品。作者发现：相距三度之内是强连接，强连接可以引发行为；相聚超过三度是弱连接，弱连接只能传递信息。 2. 本书讲述了社会网络是如何形成的以及对人类现实行为的影响，如对人类的情绪、亲密关系、健康、经济的运行和政治的影响等，并特别指出，三度影响力（即朋友的朋友的朋友也能影响到你）是社会化网络的强连接原则，决定着社会化网络的......一起来看看 《大连接》 这本书的介绍吧!
