去除vue路由跳转地址栏后的哈希值#
来源:互联网 发布:学案例 明底线 知敬畏 编辑:程序博客网 时间:2024/06/05 19:49
去除vue路由跳转地址栏后的哈希值#,我们只需要在路由跳转的管理文件router目录下的index.js中加上一句代码即可去掉哈希值#
import Vue from 'vue'
//1.引入vue-router
import Router from 'vue-router'
import find from '../components/find'
import mall from '../components/mall'
import microshop from '../components/microshop'
import cloud from '../components/cloud'
import personalcenter from '../components/personalcenter'
//2.使用vue-router
Vue.use(Router)
//3.实例化router这个构造函数
let router = new Router({
//去掉地址中的哈希#
mode:"history",
//5.映射,什么样的地址跳转到什么样的page
routes:[
{
//根目录
path:'/',
name:'首页',
component:mall
},
{
//发现page
path:'/find',
name:'发现',
component:find
},
{
//微店page
path:'/microshop',
name:'购物袋',
component:microshop
},
{
//云仓page
path:'/cloud',
name:'云仓',
component:cloud
},
{
//我的page
path:'/personalcenter',
name:'我的',
component:personalcenter
}
]
});
//page跳转后title改变
router.afterEach(function (to) {
document.title = to.name
})
export default router
- 去除vue路由跳转地址栏后的哈希值#
- vue路由带参跳转,刷新后参数不消失
- vue单页路由跳转后scrollTop问题
- Vue---路由跳转和嵌套
- vue路由跳转传参数
- vue 路由跳转 + 过渡效果
- VueJs路由跳转——vue-router的使用
- 17、vue.js 之路由里的返回、前进、跳转
- Vue利用路由钩子token过期后跳转到登录页
- 对于Vue-cli的路由跳转以及使用vue.js动态修改CSS样式
- vue-cli 配置路由>>跳转传递参数
- Vue路由的使用
- Vue 2.0的路由
- vue路由的使用
- vue路由的解析
- Vue的路由钩子
- vue.js用vue-router路由传参时页面刷新后参数消失的问题
- VUE-cli全局变量,路由跳转引起计算属性函数的执行
- kafka真实项目使用
- 小白Python3爬虫3-5
- Android项目类似淘宝 电商 搜索功能,监听软键盘搜索事件,延迟自动搜索,以及时间排序的搜索历史记录的实现
- linux问题积累
- Error: no such column
- 去除vue路由跳转地址栏后的哈希值#
- ubuntu软件源更换方法
- CodeForces
- DirectX入门之Windows应用程序开发入门
- 方法重载Overload、方法覆盖Override、多态
- vsftpd中关于ftpusers和user_list两个文件的说明以及vsftpd.conf中的userlist_enable和userlist_deny两个配置项的解释 【转】
- SpringBoot框架中REST接口的异常处理方法
- 3-1 Point类的构造函数
- JS ES6 let和const命令