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

【问题标题】：How to remove hashtag from the url?如何从网址中删除主题标签？
【发布时间】：2017-11-22 20:31:12
【问题描述】：

import router from './router'

Vue.use(router)    

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

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

【问题讨论】：

标签： vue.js vuejs2 vue-component vue-router

【解决方案1】：

使用模式=历史配置您的路由器

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

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

【讨论】：

请注意，您的后端应相应更新以服务其他路由。
import routes from './router/index.js' const router = new VueRouter({ routes: routes, mode: 'history' }) 我在 de tools “Uncaught TypeError : WEBPACK_IMPORTED_MODULE_2__router.a 不是构造函数"

【解决方案2】：

vue-router 的默认模式是 hash 模式——它使用 URL hash 来模拟一个完整的 URL，这样当 URL 发生变化时页面就不会重新加载。为了摆脱 hash，我们可以使用路由器的历史模式。复制自vue-routerdocument，我们必须配置服务器（apache，nginx或其他）以确保index.html可以匹配，否则会得到404。

【讨论】：

感谢您的回答。我按照文档中的说明进行操作，但仍然出现此错误...“未捕获的 TypeError：WEBPACK_IMPORTED_MODULE_2__router.a 不是构造函数”
肯定有一些错误。这是我的代码，路由器：import Vue from 'vue'; import VueRouter from 'vue-router';Vue.use(VueRouter) 并导出您的路由器。但是在你的代码中import router from './router'; Vue.use(router) 是错误的，Vue.use(VuePlugin)。或者你展示你的代码，package.json & main.js &router.js
这是我的主要内容：` import Vue from 'vue' import App from './App.vue' import Router from 'vue-router' import VueMaterial from 'vue-material' import 'vue- material/dist/vue-material.css' import vSelect from 'vue-select' import routes from './router/index.js' Vue.use(Router) Vue.use(VueMaterial) const router = new Router({ routes : routes, mode: 'history' }) Vue.config.productionTip = false /* eslint-disable no-new */ new Vue({ el: '#app', router, template: '', components : { App } })` 如您所见，将路由文件（index.js）导入主目录

【解决方案3】：

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

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

【讨论】：