Question

import router from './router'

Vue.use(router)    

new Vue({
      el: '#app',
      router,
      template: '<App/>',
      components: { App }
    })

我在main.js和其他名为index.js的文件中有这段代码我有组件的所有路径。我想知道如何从网址中删除哈希。任何文件？我正在使用webpack

Answer 1

使用mode = history

配置路由器

const router = new VueRouter({
  mode: 'history',
  routes: [...]
})

https://router.vuejs.org/en/essentials/history-mode.html

Answer 2

vue-router的默认模式是哈希模式 - 它使用URL哈希模拟完整的URL，以便在URL更改时不会重新加载页面。为了摆脱哈希，我们可以使用路由器历史模式。从vue-router document复制，我们必须配置服务器（apache，nginx或其他）以确保index.html可以匹配，或者它将获得404。

Answer 3

在我的Vue.Js版本中，您必须为新路由器添加mode: 'history'行。 Vue.use（路由器）

export default new Router({
    mode: 'history',
    routes: [
       ...
    ]
})

如何从网址中删除主题标签？

3 个答案: