zoukankan      html  css  js  c++  java
  • Vue3设置404页面

    这几天在用Vue3写点小项目遇到了一些坑!
    1. 路由的404方式变了

    只顾着看vue3核心文档,写404的时候发现原来的 * 的配置方法在vue3里面已经不适用了。官方文档建议使用如下:

      {
            path: '/404',
            name: '404',
            component: () => import('../views/404')
        },
        {
            path: '/:pathMatch(.*)',
            redirect: '/404'
        }
    
    1. setup里面获取上下文调用$router.push等方法一些环境下报错。

    虽然不知道为什么,但是官方文档已经给出了在setup里面调用router的函数
    个人用起来还是非常爽的

    import { useRouter } from 'vue-router'
    const router = useRouter();
    router.replace("/login");
    
    1. 刷新会不时地重定向到/路径。

    这个问题可是困扰我几个月之久,最终我发现其实是路由的问题。把hash路由改为h5的history路由,服务器转发一下即可完美解决。

  • 相关阅读:
    z-index优先级小结
    如何消除img间的默认间隙
    text-align和vertical-align
    HTTP
    HTTP
    HTTP
    HTTP
    ES6标准入门
    ES6标准入门
    ES6标准入门
  • 原文地址:https://www.cnblogs.com/botaoJava/p/14551322.html
Copyright © 2011-2022 走看看