Vue-router路由到错误的页面，链接必须在路径前添加'#‘
Vue-router是Vue.js官方的路由管理器，用于实现前端路由。当我们使用Vue-router进行页面跳转时，有时会遇到路由到错误的页面的情况。为了解决这个问题，我们可以在路径前添加'#'。
在Vue-router中，路径前添加'#'表示使用hash模式进行路由。hash模式是指在URL中使用'#'来表示路由，例如：http://example.com/#/home。这种模式的优势是可以兼容不支持HTML5 History API的浏览器，并且不需要服务器端配置。
使用hash模式的应用场景包括单页应用（SPA）和需要兼容低版本浏览器的项目。对于需要在URL中显示完整路径的项目，可以考虑使用history模式。
在腾讯云中，推荐使用Serverless Framework进行前端部署和管理。Serverless Framework是一个开源的全栈无服务器应用框架，支持多云厂商，包括腾讯云。通过Serverless Framework，可以轻松部署Vue.js应用，并且支持自定义域名、CDN加速等功能。
腾讯云Serverless Framework产品介绍链接地址：https://cloud.tencent.com/product/sls
总结：在Vue-router中，为了解决路由到错误页面的问题，可以在路径前添加'#'，使用hash模式进行路由。腾讯云推荐使用Serverless Framework进行前端部署和管理，支持自定义域名、CDN加速等功能。
相关·内容
2回答
Vue-router路由到错误的页面，链接必须在路径前添加'#‘
javascript、vue.js、vue-router、vuejs3、vue-router4
这是我的主页： ? 这是我的博客页面： ? 我使用的是vue3，代码变得很糟糕： import { createRouter, createWebHashHistory } from 'vue-router'; history: createWebHashHistory(),})
export default router; 因此，如果链接是
浏览 64提问于2021-08-30得票数 1
回答已采纳
1回答
使用vue路由器时，分页功能不能正常工作
vue.js、vuejs2、vue-component、vue-router
我正在为页面更改推送查询参数，它工作正常：
this.
浏览 1提问于2020-11-30得票数 0
2回答
使用vue-router在Vuejs 3上创建下一页按钮
vue.js、vue-router、vuejs3
我想在我的页面上添加一个按钮，以便它链接到路由器链接的下一页和上一页。我的路由器设置为： <li class="nav-item">
浏览 12提问于2021-01-27得票数 2
回答已采纳
2回答
Rails将/#/添加到根url
ruby-on-rails、url、routes
这可能是一个简单的问题，但我使用的是带有webpacker的Rails6，并得到了这个问题，我的根url出现在/#/而不是/。如果我尝试转到localhost:3000，它会自动重定向到localhost:3000/#/，我的所有其他路由都会经过它。在这个项目中，我找不到任何与典型的Rails应用程序不同的地方，可以使路由像这样工作。我想把它放到一个干净的</
浏览 23提问于2020-04-20得票数 0
2回答
Nuxt:如何在新选项卡中打开页面
vue-router、nuxt.js
我浏览了Nuxt的文档，但找不到有关如何在新选项卡中打开页面的信息。有没有办法在新选项卡中打开链接，而不是在当前选项卡中打开它？
浏览 0提问于2019-04-19得票数 13
回答已采纳
1回答
角错误:无法匹配重定向到404的任何路由错误。
angular、typescript
我有这么多url，有时我无法处理所有的错误是否有人知道处理这类错误的通用解决方案，并将用户重定向到404、某种拦截器或其他什么东西，谢谢
浏览 10提问于2022-02-11得票数 0
回答已采纳
3回答
何时使用<路由器-链接> vs <a>
vue.js、vuejs2、vue-router
我是否应该一直使用<router-link> over <a>，即使我链接到应用程序之外的社交媒体页面？
浏览 0提问于2018-10-06得票数 15
回答已采纳
1回答
Rails添加自定义操作
ruby-on-rails、ruby、ruby-on-rails-3、routing
这可能是非常业余的问题，但我显然不知道如何做到这一点，我的问题是，我必须在索引页面上进行删除操作，类似于删除操作，但当我单击索引页表中的这个按钮或特定行的链接时，它应该只从页面中删除该项目(我知道如何从页面中删除该项目因此，我真正的问题是如何添加这个链接以使按钮删除该项，所以当我单击按钮时，它会被路由到控制器中的该操作，因为<e
浏览 3提问于2013-10-15得票数 0
回答已采纳
2回答
在进入路由之前加载路由数据的推荐方法？
javascript、vue.js、vuejs3、vue-router4
在为给定路由呈现页面之前，我想先同步获取所需的数据。理想情况下，我希望在页面组件中获取数据，但我不反对在路由器文件中这样做。文档链接谈到了“导航前的抓取”，我可以在其中访问beforeRouteEnter或beforeRouteUpdate，但这是使用Options显示的。我尝试过的最接近的方法是获取路由器中的数据，使用beforeEnter保护，并将数据设置为m
浏览 6提问于2022-10-23得票数 4
回答已采纳
4回答
vue路由器-链接不显示刷新页面上的参数
laravel、vue.js
当我刷新页面时，“音乐”组件看到'params‘对象为空，有人能帮我吗？
浏览 4提问于2020-10-22得票数 0
回答已采纳
1回答
测试执行过程中出现Vue警告
javascript、webpack、vue.js
LOG: '[Vue warn]: Error in mounted hook: "ReferenceError: Can't find variable: d3"我遗漏了什么？
浏览 2提问于2017-06-19得票数 0
2回答
路由器链接不会加载页面
vuejs3、routerlink、vue-router4
如果我在浏览器上键入url，页面就会加载，但是来自导航栏的链接却什么也做不了。我正在尝试三种不同的方式来使用路由器-链接，但没有区别。它只是不会通过链接呈现页面。控制台上没有错误。在vue devtools上，路由显示正确的路径。router-link to="/games">Games</router-link>
浏览 8提问于2022-03-13得票数 1
2回答
Vue Keep-Alive - Component在路由更改期间不会保持活动状态
javascript、vue.js、vue-router、keep-alive
我将我的vue应用程序的主页定义为： <keep-alive> </keep-alive/components/Header';
components: { }}
我的应用程序U
浏览 4提问于2020-03-18得票数 1
1回答
如何将输入数据从一个组件复制到另一个组件？
javascript、reactjs、forms、state
我是新的反应和实践数据传输的形式。我有这样一个基本的表格。我希望用户从下拉菜单中选择一个设备并输入邮政编码。当他们点击go时，他们被重定向到另一个有其他细节需要填写的页面。就像这样：现在可以从其他链接访问第二个页面，因为它们以前可能没有填充两个输入，所以我希望用户能够将两个输入预先加载到第二个表单上，以避免浪费时间。就像这样：第一个组件的代码
<div &
浏览 3提问于2021-03-17得票数 0
回答已采纳
3回答
组件之间的vuejs路由滚动相同
vue.js、vue-router、vue-component
<router-view transition keep-alive class="index-view"></router-view></template>路由视图将显示两个组件A和B，当组件A的scrollTop为0时，I路由到组件B，向下滚动，然后路由到组件A，A也是滚动的。
浏览 4提问于2016-08-17得票数 0
2回答
Vue-路由器页面刷新或URL访问
vue.js、vue-router
我有一个登陆页面注册/登录，从该重定向到主页的内容。成功登录后，我重定向如下：这是可行的，但是如果我刷新页面或者尝试从url访问它--比如 --我得到了错误:页面不存在。目前，我没有任何保护，以防止访问页面，只有登录用户，我也添加了‘*’路径路由器为未定义的路由
浏览 0提问于2018-09-14得票数 1
回答已采纳
1回答
在Vuejs中页面刷新后，不会将道具传递给路由器组件。
vue.js、vue-component、vue-router
最近我在Vue路由器上遇到了一个问题，假设我们有一个Vue CLI项目，我们的App组件如下所示： <div id="app">import Vue from 'vue'import one from '..当我点击路由器链接并正确传
浏览 2提问于2020-10-15得票数 2
回答已采纳
2回答
如何更改ASP.NET核心中的身份授权路径？
asp.net-core-mvc、asp.net-identity、asp.net-authorization
我创建了一个Account文件夹，其中包含AccountController、Login和Register视图，并链接到布局页面上的这些视图。所有这些都能正常工作，路径如下所示：当我将[Authorize]添加到控制器时，我的问题就开始了。当我单击由该控制器处理的链接，而不是路由到我的Login视图时，它将路由到
浏览 11提问于2022-01-23得票数 2
回答已采纳
1回答
不知道如何使用Vue路由器访问第二个页面
javascript、vue.js、vue-router
我正试图将Vue路由器添加到我的一个项目中，以便能够在某些页面之间导航。import App from '..我的问题是，当我运行我的代码时，我可以看到我的应用程序页面没有问题，但是当我手动转到时，我有一个错误</em
浏览 2提问于2021-05-10得票数 1
回答已采纳
1回答
ASP.NET MVC和SSRS 2008 R2 ReportViewer (控制)
asp.net-mvc-3、reportviewer
亲爱的所有人，我必须在MVC3应用程序中使用报表查看器控件，并且通过使用webforms页面来实现这一点有问题。每次我通过报告列表视图调用我的报告时，我都会得到一个错误，即找不到资源。我知道这是由必须在全局asax文件中设置的错误路由映射引起的。我应该如何定义解决这个问题的路线？下面是我的报表列表视图的虚拟路径：在选择一个报表之后，应该可以通过一
浏览 3提问于2011-03-21得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
