vue.js的链接去掉 #

vue.js的项目的访问链接如何去掉 # 呢？

步骤如下：

1. 在路由定义的脚本里添加mode: 'history'

const router =newVueRouter({mode:'history',  routes:[...]})

2.以上步骤还不够，因为页面刷新会出现404错误，还需要配置服务器

Apache

RewriteEngineOnRewriteBase/RewriteRule^index\.html$ -[L]RewriteCond%{REQUEST_FILENAME}!-fRewriteCond%{REQUEST_FILENAME}!-dRewriteRule. /index.html[L]

nginx

location/ {try_files$uri$uri/ /index.html;}

注：本地测试环境运行npm run dev时是不用配置的，但部署到服务器上是需要的。