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>
然后重启一下服务器再次打开,#号去除了