vue项目去除url中的#

小野不打野

于 2021-12-29 09:40:45 发布

阅读量376

点赞数 1

分类专栏： vue

本文链接：https://blog.youkuaiyun.com/qq_45264351/article/details/122208707

版权

6 篇文章

订阅专栏

在Vue项目中，为了去除URL中的'#'符号，需要在`src/router/index.js`文件内的Vue Router配置中添加`mode: 'history'`。这将使应用采用HTML5 History API来管理路由，实现更友好的URL。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

打开vue项目 ---- src文件夹 ---- router文件夹 ---- index.js文件
在 new VueRouter 中添加 mode: 'history’

代码：

const router = new VueRouter({
    mode: 'history', // 去掉url中的#
  });
 
export default router;

在这里插入图片描述