javascript - 为什么我的 url 不断被 vue.js 路由更改?

标签 javascript vue.js vue-router

我现在有一个非常简单的页面,我只是为将来的开发进行设置,但由于我的 URL 不断变化,它有点停止了。

import shipmentInformation from './shipment-information.vue';

Vue.use(VueRouter);

let router = new VueRouter({
    base: '/QuickQuote/QuickQuoteRefactor/',
    routes: [
        { name: 'shipmentInformation', path: '/', component: shipmentInformation }
    ]
});

new Vue({
    router
}).$mount('#quickQuoteApp')

这是在 #quickQuoteApp 包含 <router-view> 的页面上运行的元素。用户通过导航到(在本地计算机上)localhost/QuickQuote/QuickQuoteRefactor 来访问此页面。 。组件加载后,我看到哈希值瞬间添加到了 url 的末尾 ( localhost/QuickQuote/QuickQuoteRefactor# ),然后才更改为 localhost/#/由于某种原因。

关于为什么会发生这种情况的任何想法。我认为“base”选项应该可以解决这个问题。

最佳答案

我发现这是由于vue-router和jquery.history.js之间的冲突引起的

不确定确切的原因,但看起来 History 试图“纠正”vue-router 进行的 url 中的哈希更改,因此破坏了它。

关于javascript - 为什么我的 url 不断被 vue.js 路由更改?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41559170/

相关文章:

长页面的 Javascript 性能问题

javascript - 为什么我在以下递归函数中得到 "X is not a function"?

laravel 5 vue.js csrf token

html - 为每个图像应用固定的 px 单位

javascript - 从 VUE.js 中的方法设置数据中的对象

javascript - 使 Vue 路由器查询在父组件级别持久化

vue.js - VueJS 路由器守卫实现访问控制机制

javascript - 无法删除 DOM 中没有元素或标签的文本

javascript - Vue 路由器链接仅在刷新后工作

javascript - 套接字.io : How to emit an Array and a Variable simultaneously