如何从网址中删除hashtag？

问题描述：

import router from './router' 

Vue.use(router)  

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

我有这段代码在我的main.js和其他名为index.js的文件中我有组件的所有路径。我想知道如何从网址中删除散列。任何文档？即时通讯使用的WebPack如何从网址中删除hashtag？

答

配置与模式路由器=历史

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

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

请注意，您的后端应该相应地更新以服务于其他路由。和我坐上去的工具此消息“遗漏的类型错误从” ./router/index.js' 常量路由器=新VueRouter（{：路线，模式‘历史’ 路线}） – Cobaltway

的进口途径：__WEBPACK_IMPORTED_MODULE_2__router __。a不是构造函数“ – user3380738

答

的VUE路由器默认模式为散模式 - 它使用URL的哈希来模拟一个完整的URL，这样页面将不会在URL更改时重新加载。为了摆脱散列，我们可以使用路由器的历史记录模式。从vue-routerdocument复制，一定要配置服务器（Apache时，Nginx的或其他人），以确保index.html可以匹配，否则会得到404

感谢您的答案。我按照文档中的说明操作，但仍然出现此错误... “Uncaught TypeError：__WEBPACK_IMPORTED_MODULE_2__router __。a不是构造函数” – user3380738

必须有一些错误。这里是我的代码，路由器：'''从'vue'导入Vue; 从'vue-router'; Vue.use（VueRouter）'''导入VueRouter并导出你的路由器。但是在你的代码'''从'./router'导入路由器; Vue.use（路由器）'''这是错误的，Vue.use（VuePlugin）。或者你显示你的代码，package.json＆main.js＆router.js –

这是我的主要： ' import vue from'vue' 从'./App.vue'导入应用程序从'vue-router VUE材料 ' 进口 'VUE材料/ DIST/VUE-material.css '从进口VueMaterial'' 进口vSelect从 './router/index.js' 的Vue VUE-选择' 从进口路由' 。使用（路由器） Vue.use（VueMaterial）常量路由器=新路由器（{ 路线：路线，模式： '历史' }） Vue.config.productionTip =假 /* eslint-禁用无新*/ 新的Vue（{ EL： '#APP'，路由器，模板： ''，组件：{应用} } ）' 正如你所看到的将路由文件（index.js）导入主文件 – user3380738

答

在我的版本Vue.Js的，你将不得不为新路由器添加mode: 'history'线路。 Vue.use（路由器）

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

如何从网址中删除hashtag？

相关推荐