Vue :添加路由器链接后不显示页面
Vue是一种流行的前端开发框架，用于构建用户界面。它采用了组件化的开发方式，使得前端开发更加模块化和可维护。Vue提供了一套完整的工具链，包括路由器（Vue Router）用于管理页面之间的导航。
当在Vue中添加路由器链接后，页面不显示的问题可能有以下几个原因：
- 路由器配置错误：首先，需要确保已正确配置Vue路由器。在Vue中，可以使用Vue Router来定义路由规则，并将路由器链接添加到页面中。确保在路由器配置中指定了正确的路径和组件。
- 组件未正确引入：如果路由器链接已添加，但页面仍然不显示，可能是因为相关的组件未正确引入。在Vue中，每个路由对应一个组件，需要确保已正确引入并注册了相关的组件。
- 路由器视图未正确渲染：Vue Router提供了一个专门用于渲染路由组件的视图容器，通常称为<router-view>。确保在页面中正确使用了<router-view>标签，并且路由器链接所对应的组件能够正确渲染在该视图容器中。
- 路由器模式配置错误：Vue Router支持两种路由模式：hash模式和history模式。如果使用了history模式，需要确保服务器已正确配置以支持该模式。否则，页面可能无法正确显示。
综上所述，当在Vue中添加路由器链接后不显示页面时，需要检查路由器配置、组件引入、视图渲染和路由器模式等方面的问题。根据具体情况进行排查和修复。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 人工智能（AI）：https://cloud.tencent.com/product/ai
- 物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
- 移动开发（移动推送、移动分析）：https://cloud.tencent.com/product/mobile
- 区块链（BCS）：https://cloud.tencent.com/product/bcs
- 元宇宙（Tencent XR）：https://cloud.tencent.com/product/xr
相关·内容
1回答
this.axios.get(url).then((response)=>{ })}
</script> 它没有显示任何内容，但当我删除路由器链路时，它工作正常
浏览 72提问于2021-04-09得票数 0
我想要创建一个路由器导航和防止404错误。当将有效的URL操作到无效的URL时，下一个路由器链路将不再工作。我创建了一个有用的例子
单击导航到第3页的链接8l60y06pmj.codesandbo
浏览 0提问于2019-01-01得票数 0
回答已采纳
我创建了一个函数"addroute()“来动态添加路由，但它不起作用(路由器没有改变)。这是使用addRoutes方法的正确方式吗？我从教程中学到了这一点。如果没有，请给我一个正确的例子，谢谢！VueRouter({ {path:'/foo',component:Foo}, ]
new Vue
浏览 3提问于2017-09-21得票数 6
我有一个Vue.js应用，其中有一个不是由Vue呈现的链接标记，并且我不能将运行时编译器添加到我的捆绑包中。 链接标记将指向已向Vue Router注册的有效路由。我希望能够软导航到路线(基本上与<router-link />相同的行为)时，该链接被点击。 当前单击该链接会导致硬页面刷新。是否有全局访问路由器的方法？我的应用是用webpack编译的。Vue实例目前在window
浏览 16提问于2020-06-26得票数 4
看看这些图片和描述，我将以最容易理解的方式描述它们……这些是我的路由器链路侧面是router-view / ProfileView.vue组件，它将显示此人的详细信息，但请不要介意红色，因为这些都是非常私密的密钥，需要在网上显示如何禁用/fix这种特定的默认行为，即在刷新整个网页后，特定的路由器链接仍处于选中状态，并且路由器视图不可见。刷新页面返回如下所示
浏览 0提问于2019-11-18得票数 0
2回答
Vue-无法设置的资源授权头
、、、、
无法在登录后的main.js文件中将授权头设置为“标记”，显示401未经授权，但在从服务器访问文件列表时在刷新后设置标头规范：
我使用“登录”模块登录并存储访问和刷新令牌，并使用Auth图像开发:未经授权而不刷新的
[ Image :不</e
浏览 6提问于2017-06-27得票数 1
我正在建立vue温泉与vue路由器，在常见问题解答页面上，我想为每个问题动态添加元标题，描述和永久链接(使用手风琴)，以便在谷歌serp上显示他们个别和点击，页面上自动滚动它。
浏览 1提问于2020-11-21得票数 0
我想使用url参数在我的Vue应用程序中设置变量。我认为vue路由器对此很有用，但它似乎都是为在路由器视图组件中显示/隐藏组件而设计的。我正在考虑使用在路由器视图中没有模板的单个组件来设置如下变量： routes: [ path: '/preferencescomponent: Navigator,
props: { infoVisible: true, pref
浏览 1提问于2018-11-26得票数 0
回答已采纳
我想在我的App.vue中更改页面过渡，根据是初始页面加载(例如，用户在浏览器中键入test.com/内容)还是使用路由器链接(用户已经在页面上，并单击指向/something的路由器链接)，但无法使其工作是否有一个生命周期钩子只在初始页面加载后触发一次？
浏览 10提问于2020-02-09得票数 0
回答已采纳
我正在学习vue js，我创建了一个管理页面，当我使用路由器视图时，我能够路由，但是当我尝试href或路由器链接时，我无法加载模板，因为url被更改了。vue文件，它只想通过href路由到一个页面。这是我想要在我的app.vue中加载的模板，它是我想要在app.vue中显示的一个简单模板。它以某种方式工作的路由器视图，但它不工作与路由器链接。，而不是通过路
浏览 2提问于2017-07-29得票数 4
快递和vue.js是相连的。我已经设置了一条路线，当我运行Express时，它将到达与vue设置不同的地址。Vue索引路由器import Router from 'vue-router';快速索引路由器
c
浏览 2提问于2020-11-11得票数 0
回答已采纳
Vue路由器(4)在完全匹配时不添加router-link-exact-active类。它确实添加了router-link-active类，但这意味着将有几个具有某些路由的活动类，并且仪表板将始终处于活动状态，因为/en部分是活动的。我试图添加exact属性，但这不起作用。路由器/index.js history: createWebHistory(),
浏览 1提问于2021-06-21得票数 0
1回答
在左边，您可以看到app.vue内容。在右边的路由器视图内容。在app.vue内容顶部的菜单栏中，您可以在不同的路由器链接之间切换，从而改变左侧的路由器视图。到目前一切尚好。
我的当前版本将带有路由器链接参数的用户输入发送到路由器</e
浏览 0提问于2018-10-29得票数 2
回答已采纳
是否有一种既定的方式使用vue-路由器(路由器-链接)链接到特定的路由，包括页面上的锚点？我可以这样做：<router-link to="/page/#section">和路由器将按预期工作，但只有在实际/页/位置-它将滚动到最近的元素与id=“节”
但是如果我使用来自其他地方的相同的router-link路由器将返回404，因为它将/#section部件视为嵌套路由。
浏览 1提问于2018-07-25得票数 6
回答已采纳
3回答
我是否应该一直使用<router-link> over <a>，即使我链接到应用程序之外的社交媒体页面？
浏览 0提问于2018-10-06得票数 15
回答已采纳
1回答
我使用vue-路由器来控制我的路由，在普通页面中，当我刷新我的浏览器时，它不会犯任何错误。但是当我在路线上使用parmas的时候。我的文件被重定向到下面的路由器。/template/user.vue'], resolve), title:'Personal',}
在我刷新浏览器之前，文件链接类似于这个http://127.0.0.1:8888/dist&#x
浏览 2提问于2018-04-10得票数 0
回答已采纳
1回答
我正在尝试从路由器获取一个子链接进行渲染，以便父路由保持活动状态。这是我的路由器： path: '/portfolio', component: () => import('./views/Portfolio.vue'), { path: '
浏览 8提问于2019-07-27得票数 0
1回答
如何正确地使用nuxt向图像添加链接？ height="55" class="px-3" />
警告Vue路由器的标记支柱已被废
浏览 4提问于2021-02-23得票数 0
回答已采纳
2回答
我需要帮助配置IIS服务器和Vue 2应用程序，我刚刚安装了vue 2 application与生产构建在Windows IIS 7 server上，一切正常，只有一件事是不工作的:当我试图打开任何页面与链接"example mysite.com/somepage“写在vue路由器我看到404 error，但如果我点击菜单链接工作很好，如果你只是输入主网址mysite.com它会打开，但任何其他路由不工作！
浏览 0提问于2017-08-20得票数 6
回答已采纳
然后，我成功地在我的Rails 5.2 rails应用程序中安装和安装了Webpacker，而且它似乎工作正常，因为我已经用Vue路由器构建了一个简单的应用程序，并在单击链接时正确地呈现了几个组件。问题在于我为路径/spa/下的Vue应用程序提供服务，而不是根/。当我加载/spa/ URL时，就会显示我的头组件(包含链接)，但是初始组件( Vue路由器中的一个)直到我单击Vue
浏览 2提问于2021-01-25得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
