如何在不使用vue-cli的情况下移除VUE路由中的井号？

本文共计660个文字，预计阅读时间需要3分钟。

在Vue CLI项目中，若想去除URL地址栏中的#，可以修改项目的配置文件。具体步骤如下：

1. 打开项目根目录下的`vue.config.js`文件。

2.在该文件中，找到或添加`devServer`配置项。

3.设置`devServer`的`hash`属性为`false`。

示例代码如下：

javascript

module.exports={ devServer: { hash: false }}

这样设置后，项目在开发模式下运行时，URL地址栏中的#将被去除。

vue-cli项目中，如果想去掉url地址栏中的“#”我们可以用路由的 history 模式，这种模式充分利用 history.pushState API 来完成 URL 跳转而无须重新加载页面。

只需要在路由表中，加入一行代码即可。