您现在的位置是:首页 > 正文

Vue如何实现hash模式网址(就是那种带#的网址、井号url)

2024-04-01 00:17:39阅读 7

src\js\main.js 

...

const router = new VueRouter({

...

     mode: 'hash', //hash模式网址,带#井号

  // mode: 'history', // 这里存在一个弊端,如果要去掉路由的#号,需要后端配合配置,否则刷新页面就会报错404,反正如果不是非得要做支付建议不用这个参数配置,参考文档:https://router.vuejs.org/zh/guide/essentials/history-mode.html#%E5%90%8E%E7%AB%AF%E9%85%8D%E7%BD%AE%E4%BE%8B%E5%AD%90

...

});

...

hash模式下网址形如

http://127.0.0.1/#/home

http://localhost/#/home

扩展阅读→Angular如何实现hash模式网址

Angular如何实现hash模式网址(就是那种带#的网址、井号url)_←你挚爱的强哥→的博客-CSDN博客注意:方法二优先级高于方法一,如果同时设置{provide: LocationStrategy, useClass: PathLocationStrategy}和useHash:true,hash模式不会生效;同理,如果同时设置{ provide: LocationStrategy, useClass: HashLocationStrategy }和useHash:false,hash模式反而会生效https://blog.csdn.net/qq_37860634/article/details/124205199

网站文章