vue去除路由上的 # 号

vue去除路由上的 # 号（vue 2.0+）

经常做vue的童鞋应该都了解 项目打开之后都会有一个很坑的地方 那就是路由上的那个#

这是一个不稳定因素 很多地方都会受影响，经过一番探索，在这里记录一下踩坑日记

一、前端修改

打开/router/index.js，在里面添加mode:‘history’，
需要详细了解history模式的童鞋可以看一下官方文档 history模式

export default new Router({
  mode: 'history',
  routes: [

二、服务端修改

ps：暂时只测试过Apache，其他如nginx、nodejs等以后有空再试试

1、Apache

打开Apache配置文件httpd.conf，Ctrl + F搜索 LoadModule rewrite_module modules/mod_rewrite.so，删除前面的#号去除注释
然后再找到AllowOverride None改成AllowOverride All
在打包后的index.html文件同级目录新建.htaccess文件
.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>

然后重启一下服务器再次打开，#号去除了