Vue.js 删除Vue js路由url标签

我的main.js看起来像：

import Vue from 'vue'
import VueRouter from './router'
import routes from './router/index.js'
Vue.use(VueRouter)
const router = new VueRouter({
routes,
mode: 'history'
})
new Vue({
el: '#app',
router,
render: h => h(App)
})

我正在尝试从url中删除标签。。。 我正在使用Webpack进行开发，正如您所看到的，我正在导入路由文件。 我每次都看到这个错误

未捕获类型错误：网页\导入\模块\外部\ a不是 建造师

有人有好的路由器文档吗

这是/router/index.js文件

import Vue from 'vue'
import VueRouter from 'vue-router'
import Settings from '@/components/Settings'
import Login from '@/components/Login'

Vue.use(VueRouter)

export default new VueRouter({

  routes: [{
    path: '/',
    name: 'Login',
    component: Login
  },
  {
    path: '/Settings',
    name: 'Settings',
    component: Settings
  }
  ]
})

---

VueRouter的导入语句应为

import VueRouter from 'vue-router'

编辑

您正在./router/index.js文件itsels中设置VueRouter，因此在其中添加mode:'history'属性

/router/index.js

main.js

---

VueRouter的导入语句应为

import VueRouter from 'vue-router'

编辑

您正在./router/index.js文件itsels中设置VueRouter，因此在其中添加mode:'history'属性

/router/index.js

main.js

---

我在main.js文件中更改了它，现在有另一个不同的错误：-Uncaught TypeError:routes.forEach不是一个函数-@user3380738你能显示你的“./router/index.js”文件吗完美！谢谢@VamsiKrishnaI已经在main.js文件中更改了它，现在有另一个不同的错误：-Uncaught TypeError:routes.forEach不是一个函数-@user3380738你能显示你的“./router/index.js”文件吗完美！谢谢@瓦姆西克里希纳

import Vue from 'vue'
import {router} from './router/index.js'


new Vue({
el: '#app',
router,
render: h => h(App)
})