Vue.js路由重定向

vue项目运行后默认打开的目录为

复制到浏览器运行地址也是上图

路由重定向可以更改默认打开路径

修改打开路径为path+/index

第一种方式：

在路由中配置：
{name: 'default',path: '*',redirect: '/index'
}

第二种方式：

{name: 'default',path: '*',redirect: {name: 'index'}
}
// redirect就是重定向  name为重定向路由的名字

Vue.js路由重定向相关推荐

vue.js路由配置vue-router的基础学习 - 概念篇
文章目录引言 · 相关问题小结: 一.动态路由匹配 (两种情况) A. 两种情况,代码对比: B. 两种情况,效果图对比: C. 提醒 · 仔细体会: D. 优先级的问题: 二.嵌套路由引言 · ...
[Vue.js] 路由 -- 基于vue-router的案例--后台管理
基于vue-router的案例感觉好多,啊啊啊!!! 实现效果实现步骤抽离并渲染App根组件将左侧菜单改造为路由链接创建左侧菜单对应的路由组件在右侧主体区域添加路由占位符添加子路由规则 ...
[Vue.js] 路由 -- 前端路由
路由的基本概念与原理路由本质是对应关系后端路由概念 : 根据不同的用户URL请求,返回不同的内容本质 : URL请求地址与服务器资源之间的对应关系 SPA 后端渲染(存在性能问题) Ajax ...
使用vue.js路由踩到的一个坑Unknown custom element
在配合require.js使用vue路由的时候,遇到了路由组件报错: "vue.js:597 [Vue warn]: Unknown custom element: <router-l ...
使用vue.js路由后失效
新学了vue.js中的路由在之前写的vue的demo上加上了简单的路由例子(来自vue-router 2),但是加上点击后只有地址栏变化,内容并不变.且之前用jquery写的一些效果也失效了.最后找 ...
vue中路由重定向redirect
1.重定向的地址不需要接收参数 const routes = [{ path: '/', redirect: '/index'},{ path: '/index', component: index ...
Vue.js快速入门+项目实战（源码）
Vue.js电影网站项目 github 链接(如果觉得有用记得start哦~): 项目源代码链接目录前言安装 Vue.js 1.Vue.js主要特性 2.Vue.js实例 3.Vue.js路由 ...
宝塔面板部署nuxt_MacOS下创建及部署vue.js项目（及Nuxt.js、PM2等相关流程）
开发环境权限准备为避免后续流程出现权限不足的相关提示,首先在终端中输入以下代码检查当前系统是否已开启了对系统文件夹的保护: csrutil status 若结果为csrutil enabled,则 ...
全面掌握前端框架Vue.js
整理自菜鸟教程 Vue.js简介 Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的渐进式框架. Vue 只关注视图层, 采用自底向上增量开发的设计. Vue 的目标是通过尽 ...
前端Vue.js框架是什么？有哪些特点？
前端Vue.js框架是什么?有哪些特点?Vue.js是一个前端框架,用于构建用户界面的渐进式框架.在Vue中一个核心的概念是让用户不再操作DOM元素解放了用户的双手,让程序员可以更多的时间去关注业务逻 ...

Vue.js路由重定向

Vue.js路由重定向相关推荐

最新文章

热门文章