vue使用vue-router时,路径中会有#的字段,是应为打包完成之后,项目为单页面项目,所有的url都指向单个页面,#号之后的路径是指该页面的锚定位置,所以router中的路径是无法加载的。
若想去除#,就需要使用router的history模式
import Vue from 'vue'
import Router from 'vue-router'
Vue.use(Router)
const router = new Router({
mode: 'history',(使用history模式)
routes: [
{
path: '/',
name: '****',
component: ****
}
]
})
export default router