将vue的router中的mode属性设成 'history' ,如果不设置的话,默认值为 'hash',也就是会出现#字符
const router = new VueRouter({
mode: 'history',
routes: [...]
})
设成history之后,需要后端配置才能实现路由的跳转,不然刷新就会出现404的情况
这里后端使用的是node的express框架
可以根据vue官方的vue-router文档的推荐,直接使用 connect-history-api-fallback 中间件
https://github.com/bripkens/connect-history-api-fallback
先在项目中安装该插件
npm install --save connect-history-api-fallback
然后引入并使用
var history = require('connect-history-api-fallback');
var express = require('express');
var app = express();
app.use(history());
这样就能解决路由中的 ‘#’ 问题