nuxt.js项目在启动时设置默认跳转页面

项目启动时默认打开的是pages文件夹下面的index.vue在该index.vue中加入以下代码即可<script>export default {name: 'homePage',middleware({ store, route, redirect, params, query, req, res }) {redirect('/homeIndex') // 默认跳转页面的路由},

霜雪遥

9467人浏览 · 2021-02-24 21:31:24

霜雪遥 · 2021-02-24 21:31:24 发布

项目启动时默认打开的是pages文件夹下面的index.vue

在该index.vue中加入以下代码即可

<script>
export default {
  name: 'homePage',
  middleware({ store, route, redirect, params, query, req, res }) {
    redirect('/homeIndex') // 默认跳转页面的路由
  },
  // 下面两个也能达到目的，但是体验不好，会有明显的从无到有的缓动效果
  // beforeCreate() {
  //   this.$router.push('/homeIndex')
  // },
  // created() {
  //   this.$router.push('/homeIndex')
  // },
}
</script>

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^