我有一个内容管理系统支持的网站，其中Vue.js被添加到处理网站的用户界面功能。该功能具有切换页面内容的选项卡。我需要使标签的深度链接，因为在需要有一种方法，有一定的标签设置为活动的页面加载。我可以使用URL很容易地实现这一点，但我想看看是否可以只使用Vue.js路由器。我还没有找到任何资源来将路由器添加到一个不是完全由Vue.js支持的现有站点。
有没有办法在不进行任何额外服务器配置的情况下添加vue-router？
浏览 2提问于2017-11-28得票数 0
我有一个带有vue路由器的vue.js应用程序来呈现各种组件。我有一个路径/home，它加载主组件。在dev环境中，我能够通过在地址栏中提供localhost:8080/home和使用<router-link>设置链接来访问组件。当我将产品构建部署到apache服务器时，当我给出localhost/home时会出现错误。
在此服务器上找不到请求的URL /home。
但是当我们点击链接时，链接是工作的，localhost/home显示在地址栏中，为什么会发生这种情况？如何解决这个问题？
浏览 1提问于2017-05-25得票数 2
回答已采纳
我是用vue.js开发主题的新手，我想知道如何在从Vue.js路由器中删除hashbang和html5历史模式之后如何配置wordpress？
另一个问题是在这个设置上，我如何使用Vue.js来执行SSR？
我使用Vue.js作为主题，但是如果您知道React或类似前端框架的技术，也请分享它。
浏览 0提问于2016-07-07得票数 2
1回答
类型记录和反应路由器
、、、
试图站起来和运行的反应-路由器的类型记录。我已经安装了@type/reads路由器，但是我遇到了一个错误，错误是：
@types/react-router/index"' has no exported member 'hashHistory'
我一直在尝试不同版本的路由器和类型。我现在的版本是：
react: 16.3.2
react-router: 4.2.0
@types/react-router: 4.0.23
我看过上的打字项目。index.ds.ts不显示hashHistory正在导出。但是，这里有一个v3文件夹，而其中的index.ds.ts是这
浏览 0提问于2018-04-18得票数 0
回答已采纳
1回答
在一个模型(Vue.js 2)中实现历史函数的最佳方法是什么？
在我的例子中，在排名页面上，有人可以点击一个用户配置文件，并打开一个弹出的用户配置文件。用户的配置文件可以显示用户属于哪种类型的组，当有人单击该组时，组的配置文件将以相同的模式加载。但是，应该显示一个箭头以返回到以前的配置文件。
怎么做才是最好的办法？我是应该实现命名路由器视图，还是应该使用插槽？或者我应该实现一个JavaScript函数？
浏览 6提问于2016-12-17得票数 1
回答已采纳
1回答
我正在开发我自己的SPA (单页应用程序)堆栈工具。我目前正在考虑路由器机制--我怀疑是否应该使用基于散列(#)的路由器，或者考虑其他的东西：
使用window.history API - twitter已经做了一些小的SPA助手:实现pushState for twitter.com () --不知道为什么其他流行的(反应、角度)框架路由器不使用它并依赖哈希机制？
使用哈希实现，但是要提高url映射速度(和实现)，只使用一个级别的嵌套路由+ params，例如：
- `#/posts`,
- `#/post-new/`,
- `#/post/<post-id>`
浏览 6提问于2016-12-02得票数 2
回答已采纳
1回答
我有，反应路由器的结构如下
var routes = (
<Route path="/" component={ App }>
<IndexRoute component={ Greeting }/>
<Route path="user/:user_id" component={ Profile }>
</Route>
<Route path="playlists" component={PlaylistIndex}/>
浏览 3提问于2016-06-28得票数 0
我非常喜欢Vue.js的默认路由库。但到了反应，我觉得官方的支持是缺乏路由器库。我使用了第三方反应路由器库，但我不知道在第三方库中我们能有多可靠。我在谷歌上搜索过，但每个人都很乐意谈论如何使用react路由器，而且似乎没有人为没有官方路由器库而烦恼。所以我想知道为什么没有人关心这件事。
所以，我的问题是，是否有计划发布带有React版本的官方路由器库，还是应该依赖第三方库？
谢谢你接电话。
浏览 3提问于2018-01-10得票数 1
我对Vue.js完全陌生，我想我对路由器是如何工作的有一些了解，比如：
<router-link to="/">
但我并不真正理解下面这行是做什么的：
<router-view :key="$route.fullPath"></router-view>
我相信路由器视图本身就可以确保显示内容，但是关键部分是什么意思呢？
浏览 4提问于2018-10-17得票数 28
回答已采纳
1回答
vue.js中的路由器和组件
、、、、
我的组件信息没有显示！路由器工作得很好，我对它进行了多次测试，但是当我运行项目时，组件中没有任何内容。他们似乎都一无所有--我把很多东西都放进去了。
i与vue.js 2一起工作
我在控制台中出现了一个错误：“在模板编译器不可用的情况下，您使用的是仅运行时构建的Vue。要么将模板预编成呈现函数，要么使用编译器包含的构建。”
app.vue：
<template>
<div>
<router-link to="/">app</router-link>
<router-lin
浏览 4提问于2022-05-13得票数 0
在我的laravel/Vue.js应用程序中，我使用vue路由器进行路径导航。我有一个Post组件，它包含一个博客的个人帖子，除了这样的帖子外，还有路由器链接标签：
<router-link v-bind:to="'/post/' + post.id">
<p class="post_body">{{ post.body | truncate(100) }} </p>
</router-link>
post.id来自从父组件Posts级联下来的道具。路由器-链接应该重定向到另一个组件，
浏览 0提问于2018-04-18得票数 1
回答已采纳
1回答
我直接在Vue dev服务器上运行Vue 2。
我正在尝试从外部url进入一个vue路由(vue-路由器)。
<a href="http://localhost:8080/reset_password/{{ reset_email_token }}">Passwort zurücksetzen</a>
由于某些原因我不知道，vue路由器总是重定向我的请求，并处理它，就像它来自"/"，它自动重定向到"/login“。
我在这里发现了一个类似的问题()，但没有解决办法。
有没有人知道这个问题，并知道如何应用一个可能的解决方法？提前感谢
浏览 7提问于2022-06-15得票数 1
回答已采纳
我正在开发一个laravel(5.4)应用程序，其中我使用vue js(2.0)作为SPA，我的问题是我想从URL中删除#(散列)。
请给我建议什么解决办法？
这是我的HTML
<ul class="category-list">
<li><router-link to="/testlink.html">Tets Link</router-link></li>
<li><router-link to="/demotestlink.html">Dem
浏览 2提问于2017-05-14得票数 1
我的VUE路由是从路由参数中删除一个散列'#‘。
传入的值:在组件中接收到的/project/test%20#report参数值：'test '
#之后的所有字符都被移除。*正在传递其他值/字符。
是否有一种方法可以在路由器模式设置为历史时将#传递给组件？
Vue.js路线：
模式已被设置为“历史”
{
path: '/project/:projectId/',
name: 'project',
beforeEnter: requireAuth,
component: Project,
props: true
},
组
浏览 1提问于2019-01-11得票数 1
1回答
我有一个像这样设置的Vue3路由器：
var router = VueRouter.createRouter({
history: VueRouter.createWebHistory('/v3/app/'),
routes: [
{ path: '/index', component: Vue.defineAsyncComponent(() => import('/components/index.js')), name: "index" },
{ path: '/three', c
浏览 20提问于2022-04-04得票数 1
回答已采纳
我需要重定向一个用户以外的一个反应组件，这通常是使用history与反应路由器。
// history.js
const history = createBrowserHistory();
export default history;
// App, setting up router
import { HashRouter as Router } from 'react-router-dom';
import history from './history';
...
<HashRouter history={history}>...</
浏览 2提问于2020-08-27得票数 8
1回答
我创建了一个使用Vue作为前端框架和CMS CosmisJS来管理内容的网站。我的网站主要使用Vue路由器、Vuex和Vue Meta，并且托管在Netlify上。
我的站点运行良好，您可以在不同的路由和信息加载之间导航，没有问题，但是，当我与一个路由共享一个链接(例如， )时，该页面就不会加载，并向我显示一个Netlify错误，上面写着"Page“，即使该路由存在，如果您从根路由导航，也可以访问该页面。
我不知道问题出在哪里。我认为这可能是与API调用的加载时间有关的错误，或者是Vue路由器配置中的一些错误，但我已经做了一些更改，问题仍然存在。
知道会是什么吗？
这里是我的Vue路由
浏览 3提问于2021-09-05得票数 0
回答已采纳
1回答
我希望能够在Apache服务器上使用Reactive路由器提供一个React应用程序，而不必更改任何默认的Apache/NGINX吐露。问题是，只有当您访问根文件夹时，应用程序才会得到服务，因为任何子路径都会导致404 (app.com/ works，而不是app.com/设置)。
对于Apache服务器，我包含一个.htaccess文件，如果找不到所请求的资源，它将自动加载index.html。对于NGINX，据我所知，除非您更改配置文件，否则无法正确地将应用程序加载到子路径中。
我的解决方案是在应用程序中添加选项，将路由器路径存储为查询字符串，而不是在app.com/?page=setti
浏览 6提问于2022-11-22得票数 0
1回答
Vue.js路由器看不到组件
、、、、
我刚刚初始化了一个Vue应用程序并添加了一些新的路由。但他们根本就没工作。
我的路由器/index.js
import Vue from 'vue'
import Router from 'vue-router'
import QuestionList from '@/components/pages/QuestionList'
import SessionList from '@/components/pages/SessionList'
Vue.use(Router)
const router = new Router(
浏览 2提问于2019-01-22得票数 1
回答已采纳
我所拥有的
我有 。我快到了，但我漏掉了什么。
我有两个存储库current-repo (发布和共享)和old-repo (未发布和共享)。我有唯一的副本。他们的历史看上去像是
1--2--3--4--5 <= current-repo
=
content is the same
=
old-repo => a--b--c--d--e
我想要的
理想情况下，通过将这两个回购组合在一起，我将
浏览 1提问于2019-02-24得票数 0
回答已采纳
我正在学习反应路线，以帮助我建立一个应用程序，可以重定向从登录页面到主页后，成功登录。
我在这里阅读了官方教程：
在本课中，他们介绍了两种以编程方式导航的方法，即browserHistory和context.route。他们还说，browserHistory有一个潜在的问题：
如果您向路由器传递一个与您在这里使用的不同的历史记录，它将无法工作。除了browserHistory之外，使用其他任何东西并不是很常见，所以这是可以接受的做法。
你能给我一个关于什么是If you pass a different history to Router than you use here的例子吗？
浏览 7提问于2017-11-28得票数 3
回答已采纳
尝试使用历史记录模式在vue.js中从vue.js中删除哈希符号。这样做的缺点是，当页面被刷新/重新访问时，就会出现404 Not。有一个文件从网站关于历史模式和修复它，但我有困难，理解它，对不起。
我想要的是从代码中删除历史模式，同时从url中删除散列符号并修复404错误。
我将提供下面的代码，从index.js，网络有。(注意:这个网站已经是这样建的，自从开发人员遇到问题后，它就被传给了我。)
Vue.use(VueRouter);
const originalPush = VueRouter.prototype.push;
VueRouter.prototype.push = func
浏览 9提问于2021-12-15得票数 1
在我的路由器中，我有以下块：
Router.map(function() {
this.route('stuff');
this.route('registration', { path: '/registration' });
this.route('registration-first', { path: '/registration#first' });
});
我希望这样做的原因是，从用户的角度来看，每个路由都是单个管道的一个分段或“片段”，这是合乎逻辑的，但在内部，我将每个页面视为单独的路由，
浏览 2提问于2018-01-16得票数 0
我不知道如何得到干净的反应路由器url。
现在我要说的是：
http://localhost:8889/#/myRoute?_k=qq67x0
我想要这样做：
http://localhost:8889/myRoute
我应该设置一个特定的配置步骤来修复这个问题吗？
我就是这样初始化路由器的：
import { browserHistory, Router, Route, Link, IndexRoute } from 'react-router
这是我的渲染功能：
render((
<Router history={browserHistory}>
<Route
浏览 3提问于2016-01-01得票数 0
回答已采纳
我用的是Vue.js 2.3.3和vue路由器2.5.3。我创建了一个Navbar组件，它的书签(或链接)指向着陆页面上的特定部分，如下所示：
<router-link to="/#our-services" class="nav-item item is-tab">
Our Services <!-- Jumps to #our-services on the home page -->
</router-link>
我用以下方式定义了我的路由器：
export default new VueRouter({
浏览 1提问于2017-06-13得票数 0
回答已采纳
3回答
我已经创建了一个带有页面标题(h1)的vue路由器。每个vue路由器链接都有一个元标题。如何动态设置h1页面标题？
我尝试过$emit，但这在我的路由器中不起作用。如何更改页面标题？
const dashboard = {
template: `<div>DASHBOARD</div>`
}
const about = {
template: `<div>ABOUT</div>`
}
const routes = [
{path: '/dashboard', component: dashboard, name:
浏览 0提问于2018-04-24得票数 10
回答已采纳
我有一个小型的Vue.js SPA，其路由器配置如下，取自
export default new VueRouter({
routes, // defined above...
mode: 'history',
scrollBehavior(to, from, savedPosition) {
if (to.hash) {
return { selector: to.hash }
} else if (savedPosition) {
return savedPositi
浏览 0提问于2017-07-06得票数 9
我必须在"/b“路由上使用我的主干网应用程序，并且在我的路由器上有问题。如果我只是showView一个视图，它工作的很好，但我的路由控制器功能没有启动时，我的路由器，有什么想法吗？
路由器：
define('appRouter', ['marionette', 'rootView', 'changePasswordView'], function(Marionette, rootView, changePasswordView) {
return Marionette.AppRouter.extend({
ro
浏览 3提问于2016-08-31得票数 0
回答已采纳
我用vue-cli初始化了一个项目，并配置了路由器。为什么总是打开'HelloWorld‘组件时，我试图输入：'’或'‘。
import Vue from 'vue'
import Router from 'vue-router'
import HelloWorld from '@/components/HelloWorld'
import HelloWorld1 from '@/components/HelloWorld1'
import HelloWorld2 from '@/component
浏览 0提问于2018-06-15得票数 1
回答已采纳
5回答
我正在开发一个Vue.js应用程序，很难将锚链接到组件中的某个div。
我有以下锚：
<a href="#porto" class="porto-button">Porto, Portugal</a>
和下列部门：
<div id="porto" class="fl-porto">
我在哈希模式下使用vue路由器。
问题是，每当我点击“porto-按钮”，它就会将我重定向到"home“页面(‘/’)。
我使用的是Vue.js 1.X，我尝试使用历史模式(没有hashbang的cannot
浏览 13提问于2017-03-07得票数 34
回答已采纳
1回答
我使用nuxt.js + vue.js。我需要创建路由器的大小写敏感性。我找到了以下属性: caseSensitive。我正在尝试将其放入nuxt.config中，但它不起作用，通过大写链接可以实现转换。如果我直接更改文件~project/..nuxt/router.js，一切都会正常工作。帮我弄清楚。
router: {
extendRoutes (routes) {
for (let key in routes) {
routes[key]['caseSensitive'] = true
}
}
浏览 2提问于2019-08-14得票数 5
回答已采纳
由于电子应用程序中的react-router指向主脚本的文件系统级路径，所以我无法执行类似window.location = '/'的操作。
我知道react-router的官方文件说
// history.js
import createBrowserHistory from 'history/lib/createBrowserHistory'
export default createBrowserHistory()
// index.js
import history from './history'
render(<Router
浏览 1提问于2016-02-01得票数 1
回答已采纳
1回答
我刚从Vue开始。我安装了@Vue/Cli (这是版本3)和cli，这样我就可以使用version 2的命令了。为了创作我的项目，我用了vue init webpack。在浏览器上运行应用程序时，我注意到了奇怪的行为；我的路线正在改变！
“本地主机:8080/”
url改为"localhost:8080/#/“
“本地主机:8080/约”
将url改为"localhost:8080/about#/“
我不明白怎么回事。不过，它会呈现组件，但url只是更改。下面是我的路由配置：
export default new Router({
routes: [
{
浏览 1提问于2018-09-24得票数 3
回答已采纳
我有一个反应应用程序，使用反应路由器与oidc，它是运行在一个nginx container.It工作良好。然而，当它被另一个nginx容器代理时，react路由器似乎不起作用。在成功登录oidc之后，客户端应用程序进入无限重定向。
一开始，我遇到了这个问题，甚至在没有代理的情况下运行它。我通过将try_files添加到nginx配置来解决这个问题。
server {
listen 80;
server_name localhost;
location / {
root /usr/share/nginx/html;
in
浏览 0提问于2019-07-13得票数 0
回答已采纳
我知道当我使用Link，Route导航时，我可以传递数据。
<Route
path="/release"
exact
render={() => <ManagedEventsList pages={this.state.pages} />}
/>
证人：
但是，当按下浏览器返回按钮时，是否也可以传递数据呢？
本文展示了如何在没有反应路由器的情况下从child传递状态到parent。它能与反应路由器一起工作吗？
浏览 2提问于2020-01-13得票数 0
回答已采纳
在我的应用程序的用户使用Keycloak进行身份验证之后，我遇到了重定向的问题。
我的应用程序使用的是反应性路由器hashRouter。当初始重定向发生时，我得到一个类似于以下内容的redirect_fragment：
URL在那里不断增长。我已经读过几篇文章，其中指出从keycloak重定向可能对通过location.hash的客户端路由有问题。任何想法都将不胜感激！
浏览 0提问于2017-07-04得票数 4
回答已采纳
我已经意识到，我的ReactJS应用程序使用的反应路由器没有任何外部链接。搜索引擎不承认网站有很多链接内容。Prerender.io似乎是一个很好的解决方案，但我无法让它在我的ReactJS应用程序中工作。
prerender.io可以和ReactJS一起使用吗？如果没有，是否有另一个好的方法来改善我的网站搜索引擎优化，而不做所有的渲染服务器端？
编辑:经过进一步的挖掘，我意识到这里的问题是反应--路由器默认使用"#“，而不是"#!”。有可能让反应路由器与"#!“一起工作吗？
浏览 0提问于2015-01-28得票数 7
1回答
所以我想到了制作一个Jekyll SPA博客
并以某种方式利用React.js /React.js路由器或Vue.js / Vue路由器来实现SPA路由的感觉。
是否有可能做到这一点，如果是的话，我将在哪里导入和使用路由器？
浏览 1提问于2017-10-25得票数 0
回答已采纳
我使用的是MobX @观察者和@with路由器(ReactiveRouter-v4)包装页面组件，如下所示
@withRouter
@inject('stores')
@observer
class Page extends Component {
render() {
return (
<div>
<NavBar />
<Header title={this.props.stores.UIStore.title} />
<Switch>
浏览 8提问于2017-07-07得票数 3
2回答
我正在使用Vue.js为火狐创建一个插件。我希望它有多个组件的路由。但是，每次我点击来自路由器链接 <router-link to="/about">About</router-link> 我正在浏览器中更改url (所以它看起来像这个丑陋的moz-extension://a86771fb-409f-4096-8a07-b000de29d6bf/dist/index.html#/about)。 有没有办法避免这种情况，让搜索/网址栏为空？我已经可以说，如果需要的话，我可以使用不同于vue-router的解决方案。
浏览 21提问于2019-12-10得票数 0
回答已采纳
我不明白如何将“路由组件”加载的数据传递给“subRoute组件”。(我正在使用Vue.js和Vue-路由器)
我的路由器看起来是这样的：
router.map({
'/a': {
component: A,
subRoutes: {
'/b': {
component: B
},
'/c': {
component: C
}
}
}
});
我只想与组件B和组件C共享由组件A加载的数据。
提前谢谢！
浏览 5提问于2016-06-17得票数 4
回答已采纳
根据，ScriptManager.GetStateString()“检索包含表示网页状态的键/值对的字符串。”
当我调用该方法时，它返回一个看起来像是散列的字符串--如何将它解析为有用的东西？GetStateString方法到底返回了什么？
编辑：注意到，如果我在页面上提交表单或将数据追加到查询字符串，则GetStateString返回的值不会更改。“页面状态”显然不包括这种状态数据？
更新:当我设置时，哈希值被替换为空字符串。显然，如果EnableSecureHistoryState = true，则对GetStateString返回的值进行加密和散列。
浏览 1提问于2010-02-22得票数 2
2回答
我最近构建了一个使用Okta身份验证的Vue.js应用程序。我正在尝试将此应用程序部署到Netlify上。在Netlify中设置了一个新项目后，我将Vue.js应用程序从GitHub导入到Netlify项目中。我在应用程序中重新配置了路由器，以便Okta初始化器中的redirect_uri反映新的Netlify URL： import Auth from "@okta/okta-vue";
Vue.use(Auth, {
issuer: "https://xxx-xxxxxx.okta.com/oauth2/default",
client_id:
浏览 19提问于2020-01-23得票数 0
回答已采纳
因此，似乎Tabs1.2.6在使用initialIndex (指定加载哪个选项卡)和历史插件时有一个错误。所以：
$("ul#tabs").tabs("div.panes > div", {
effect: 'fade',
initialIndex: 3
});
完美工作并打开第4个选项卡.....但是，如果我包括以下内容：
$("ul#tabs").tabs("div.panes > div", {
effect: 'fade&#
浏览 2提问于2011-11-02得票数 1
回答已采纳
当使用cli和vue路由器构建vue.js应用程序时，我们可以将mode: 'history'传递到路由器，这将从url中删除散列。但是在通过cdn使用vue时，如何从url中删除#，例如在中
浏览 2提问于2020-06-09得票数 0
回答已采纳
1回答
我有一个包含iframe的应用程序，这个iframe正在渲染一个angular 4应用程序。我尝试通过以下方式监听iframe的网址：
frame.src = appSource;
frame.addEventListener('load', function () {
frame.contentWindow.window.sdk = frame.contentWindow.window.sdk || sdk;
frame.contentWindow.window.addEventListener('hashchange'
浏览 6提问于2018-03-12得票数 1
1回答
我认为使用标签是一种惯例。据我理解，链接标记将被转换为锚标记为html。但是，根据我的观察，Link将在客户端呈现页面，并且缓存页面，锚标记将在服务器端呈现页面。
下面是代码，我有一个组件，它有方法willTransitionTo
willTransitionTo: function (transition, params, query, callback) {
console.log('transition to');
}
当我有另一个组件链接这个组件时，如果我使用react路由器的link，日志将被打印在浏览器控制台中。有趣的是，当我第二次链接到这个页面
浏览 3提问于2015-12-29得票数 0
回答已采纳
第一次打开应用程序时，历史对象(由钩子返回)的长度为3。
每次进一步刷新时，长度都会增加。为什么会这样呢？在生产中也会发生这种情况吗？
环境：
创建-react app@3.2.0
react路由器@5.1.2
react路由器-dom@5.1.2
浏览 1提问于2019-11-16得票数 1
回答已采纳
我正在使用react-router-redux，我正在尝试更新我的应用程序的头部，只要路由改变(@@router/UPDATE_LOCATION)，它就从商店接收它的状态。
目前，我正在componentWillMount中发送操作，如：
componentWillMount() {
this.props.appActions.setHeader('New Block')
}
当我在路由componentWillMount上手动设置/blocks/new中的标头时，它是路由‘块’的一个子节点，两者都有不同的标头，当我回到history中时，它不能工作，因为路由b
浏览 3提问于2016-10-11得票数 1
1回答
当使用核心骨干路由器时，有没有一种简单的方法从url中删除"#“？现在我有一个url，看起来像：somesite.com/#some_back_bone_route/:blog_title，我想要：somesite.com/some_back_bone_route/:blog_title。这个是可能的吗？
我所看过的每一个地方都没有给出一个明确的答案或方向，说明如何实现这个目标，甚至可能的话，甚至连文档都会对这个主题感到困惑。
想法？
浏览 3提问于2014-12-19得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
