vue路由去掉井号
时间: 2023-06-29 10:12:21 浏览: 226
VUE : vue-cli中去掉路由中的井号#操作
要去掉 Vue 路由中的井号,需要使用 HTML5 History 模式。具体步骤如下:
1. 在 Vue Router 中,设置 mode 为 history。
2. 配置服务器,让所有请求都返回 index.html 文件。
3. 在 index.html 文件中,添加 base 标签,指定应用程序的基本路径。
示例代码如下:
```javascript
const router = new VueRouter({
mode: 'history',
routes: [...]
})
// 服务器配置
app.get('*', (req, res) => {
res.sendFile(path.resolve(__dirname, 'public', 'index.html'));
});
// index.html 文件中,添加 base 标签
<base href="/">
```
这样就可以去掉路由中的井号了。
阅读全文