vue项目启动设置默认启动页

当我们在启动vue项目时，默认打开的界面是白色的，需要输入正确的路由才能访问正确的页面。我们应该如何让项目打开的时候默认跳转到想启动的页面呢？

我们需要在router的index.ts（js）文件中设置路由规则,例如我们默认打开index页面，我们只需要设置routes，内容如下：

routes:[{path:'/index',component:Index　},{path:'/',redirect:'/index'　　//默认显示}]

这样就可以做到打开项目时，自动重定向到index页面。

Ok，完活！

vue项目启动设置默认启动页相关推荐

【vue】vue项目启动设置默认启动页
当我们在启动vue项目时,默认打开的界面是白色的,需要输入正确的路由才能访问正确的页面.我们应该如何让项目打开的时候默认跳转到想启动的页面呢? 我们需要在router的index.ts(js)文件中设 ...
wsl(Windows Subsystem for Linux)启动多个子系统和设置默认启动子系统
WSL的全称是Windows Subsystem for Linux Windows 10在开发者模式下可以使用linux子系统,这个子系统需要在Microsoft Store中下载安装如果你已经在 ...
双系统（Windows 与 Linux）中如何设置默认启动系统
电脑双系统即在windows系统与Linux系统中如何设置默认启动系统?(超详细)https://www.bilibili.com/read/cv5277001/
win10系统与win7系统双系统怎么设置默认启动系统
一.问题背景近期安装win7和win10双系统,但是开机登陆时,每次要自己手动选择自己需要的系统,比较麻烦.需要电脑设置一下默认的启动系统. 二.解决方案 1.打开win7系统电脑,同时按下组合键& ...
MVC5怎么设置默认访问页
首先所有mvc都有App_Start这个文件夹,内部有RouteConfig.cs这个类(因为mvc版本不同,可能类名不同),这个类就是用来设置默认访问页的 public static void Re ...
vue项目实现从商品列表页跳转详情页后，返回列表页保持页面在原位置，且列表页刷新的方法
vue项目实现从商品列表页跳转详情页后,返回列表页保持页面在原位置,且列表页刷新的方法页面跳转后回退保持原位置 App.vue页面中使用keep-alive缓存组件 <template> ...
在vue项目中设置网站图标
怎么在我们的Vue项目中设置自定义的网站图标: 首先我们需要先制作个ico图标,大小为32*32的,放到static文件夹下,附制作网站,我们把制作好的ico图片改名为:favicon.ico(注:必 ...
如何在vue项目中设置首页
如何在vue项目中设置首页 1.首先创建一个vue为后缀名的文件,最好在新建的文件夹下面创建,如下图所示: 说明:一般我们的主要页面代码都是写在vue 项目中的这个src文件夹下,项目中所会引用到的组 ...
vue项目中设置网站图标
怎么在vue项目中设置网站图标: 1,先下载个icon图标,favicon.ico,大小为32*32的,放到static文件夹下: static文件是vue项目中用来存放静态资源的文件夹,放到这里的文 ...

vue项目启动设置默认启动页

vue项目启动设置默认启动页相关推荐

最新文章

热门文章