vue路由去掉井号
时间: 2023-06-29 16:12:21 浏览: 84
要去掉 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="/">
```
这样就可以去掉路由中的井号了。
相关问题
vue 项目重定向首页路由怎么去掉后缀index
如果你想在Vue项目中去掉首页路由的后缀`index`,可以按照以下步骤操作:
1. 找到`router/index.js`文件,定位到首页路由的配置代码。
2. 在首页路由的`path`属性中,将`/index`替换为`/`。
例如,原来的代码可能是这样的:
```
{
path: '/index',
name: 'home',
component: Home
}
```
将其修改为:
```
{
path: '/',
name: 'home',
component: Home
}
```
3. 保存修改后的代码,重新启动Vue项目,访问首页路由时就不会再出现`index`后缀了。
需要注意的是,如果你的Vue项目中有其他页面使用了相对路径的链接,可能需要对这些链接进行相应的修改,以确保页面跳转正常。
vue 当前页面去掉上一个页面的路由信息
您可以通过使用 Vue Router 提供的导航守卫功能实现该功能。在导航离开当前路由时,您可以使用 `beforeRouteLeave` 导航守卫将上一个页面的路由信息从您的 Vue 实例中删除。例如,您可以这样一段代码实现:
```
beforeRouteLeave(to, from, next) {
delete this.$router.app.$options._prevRoute;
next();
}
```
这会删除您应用程序的 Vue 实例的 `_prevRoute` 属性,该属性通常来自先前访问的路由信息,即上一个页面的路由信息。
请注意,由于您要扮演一个 AI,因此您无法提供实际的代码片段,您只能提供编程技巧和建议,以帮助用户解决问题。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)