03整合配置路由显示第一个页面

zhchzh1000 2023-01-12 18:53:07

课时名称	课时知识点
03整合配置路由显示第一个页面	03整合配置路由显示第一个页面

...全文

76 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

文章目录通过路由配置来控制视图的选择性渲染示例命名视图嵌套命名视图实例常规做法模块整合第一种方式：采用视图命名的方式第二种方式：采用动态组件加载的方式通过路由配置来控制视图的选择性渲染比如要实现两个页面，其两个页面的布局基本相似，唯一不同的是侧边栏的结构和数据不同，此时可以将公共部分抽离出来，对于不同的部分通过路由配置传参来控制到底显示那一部分的内容。示例布局1：default-a.vue 布局2：default-b.vue 第一个模块的布局分为三部分，Header、aside-bar-a、

https://www.jianshu.com/p/2833243987dd 通常我们编写vue路由配置都会写在 /src/router/index.js 这个文件下。但是，随着我们的vue项目变得越来越大后，路由也随之变得越来越多，出现的问题就是我们所有的路由都定义在一个文件下，代码会变得可读性差，难以维护。如下图所示。然后我们再抽离出一个message.js 消息模块，把和消息相关的路由配置写在这个模块里同理，我们通过这种方式就可以把 index.js 路由配置文件，拆成了多个路由

vue-cli-路由配置

最近在开发过程中，有个需求是在自己开发的应用中（以后简称：主应用）挂载第三方的页面应用（以后简称三方应用），大多数情况下，自己工程引入第三方工程页面用的是iframe嵌套，简单快捷，但是上下文处理、事件交互等方面并不是特别方便，于是就尝试另外的解决方案，当我看到vue的路由守卫，就知道问题该如何解决，大致思路如下：利用路由独享的守卫beforeEnter，在跳转到第三方相关页面前，必定经过beforeEnter路由函数，然后我们在这个路由函数写我们逻辑，区别这个url是我们需要的第三方ur...

这个真的是被vue的这个路由坑得不轻了，被折磨了一天了，通过了一天半的百度和查询，终于在第二天早上了解决了这个问题不废话直接开始内容 404原因解析：使用npm run build 打出来的包dist里面只有index.html和static文件夹两个内容，当你直接在浏览器直接输入url的时候，你的web容器直接就去找对应的127.0.0.1/XXX的html页面了，实际你的页面只有一个index.html，因此web容器当然就直接报404错误了这一点在vue路由文档里有详细的说明，有兴趣的自己去阅读

张长志的课程社区_NO_10

1

社区成员

322

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章