问题标签 [vue-router]

I read the following note from vue router documentation

Note: when using the history mode, the server needs to be properly configured so that a user directly visiting a deep link on your site doesn't get a 404.

So, I try to configure my nginx like the following

And the following is my Vue configuration

But, I still got 404 when user directly visiting a deep link in my site.

Edited: I use Laravel routing too. The Following is my laravel routing.

我在使用 Vue.js 和他的路由系统时遇到了一些麻烦。我在这里做了一个例子。

为什么当我使用模板（参见 Foo）时该方法正确附加，而当我使用 el（参见 Bar）时为什么不正确？

这是他的代码：

index.js

索引.html

我已经用 vue-router 启动了一个 vue 实例。

new当我们用短语创建一个 vm 组件时，我们可以得到：

所以在我的路由器案例中，我如何访问 vm 对象？

是否可以从路由器调用 vuex getter？我需要从 beforeach 钩子中检查布尔变量的状态：

非常感谢！

在我的 Vuejs 项目中，我有一些常见的 js 函数，可以通过多个组件使用：

我的代码结构如下，在http://vuejs.github.io/vuex/en/structure.html中有介绍：

some_component.vue

在这种情况下，我想做一个函数loginRequired可以在多个组件中调用的函数。

那么我应该如何组织代码呢？</p>

就我而言，我使用过vueand vue-router。我犯了一个问题，即该saveScrollPostion属性无法正常工作。

这是我的代码：

router.js

在index.js中，实例中有两个设置Router：

问题是： 如果去任何/p/:id一条路线并向下滚动页面，您会发现返回后上一页也滚动了。

我已经阅读了vue-router文档，上面写着 saveScrollPostion

如果您有过渡效果，可能无法按预期工作。

删除设置时，或者只是将其更改saveScrollPosition为 false，问题仍然存在。

我想是router.map我写的方法导致了错误的结果。

我还想知道我的项目代码中是否存在任何错误，而不是vue-router导致此问题的设置。

此外，我还没有transition在路线转换之间编写任何设置。

谢谢大家回答我的问题。

每当我在 components/App.vue 的模板中使用 ID 为 #app 的组件标签时，它都会返回以下错误：

错误

但是，如果在没有组件的情况下这样做，而只是具有组件 ID 的常规元素，则它可以正常工作。

反正有没有将路由器与Web组件一起使用？因为必须将它与元素 id 一起使用也不适用于 Chrome 中的 vue-devtools。

Vue 不会触发任何键盘事件，它会对点击事件做出反应，但尝试观察和触发keypress, keyup, keydown, change, input, focus, 或blur全部都不做任何事情。我做了一个 jQuery 测试来观察相同的事件，它们都被相应地触发了，那么我在 Vue 中缺少什么？

到目前为止，这是我的模板，用于监视键盘事件

并且我已经尝试用上面进一步提到的不同事件的许多变体来替换上面的内容，该change事件是我最近的尝试。任何帮助将不胜感激。

我在我的 router.map 中定义了一个属性，称为

我希望能够在调用时设置“用户”属性：

不知道我做错了什么或者这是一个错误，

我有一个简单的 web vue.js 页面，在主页上运行带有 iframe 的 vue 路由器。如果没有页面上的 iframe，它在使用 v-link 在页面之间移动时可以正常工作，但是使用 iframe 在尝试在页面之间移动时出现此跨域错误。

vue.common.js?e881:1140 Uncaught SecurityError: Blocked a frame with origin "http://localhost:8080" from accessing a frame with origin "http://interactr-dev.s3-website-eu-west-1.amazonaws.com". Protocols, domains, and ports must match.

我不确定这是否与它有关，但 iframe 也在运行 Vue（尽管它们没有绑定在同一个 id 上）。

如果这是 Vue 的错误或我这样做的方式，是否有人不同意？