History模式带参数链接刷新后显示404的问题

2021/11/20
- 编程
0阅读

已经按照Vue Router文档配置了nginx

1
2
3

location / {
  try_files $uri $uri/ /index.html;
}

当使用这样的方式跳转页面后，刷新页面会触发404

this.$router.push({
    path: '/info',
    query: {
        id
    }
})
// 浏览器url http://www.aaa.com/farmInfo?id=aaa

解决方法：使用动态路由匹配

// router.js
{
    name: 'info',
    path: '/info/:id',
    component: () => import('@/views/Info.vue')
}

// 使用param传参
this.$router.push({
    name: 'farmInfo',
    params: {
        id: id
    }
})

上一篇：《vue/cli@+vue2 vant主题定制的配置方式》下一篇：《使用APNG替代GIF格式的动态图片》

其他推荐内容

2016/11/13
- 编程

五种常见的 PHP 设计模式

2016/11/03
- 编程

pdo持久性连接前后的变化

2019/08/30
- 编程

仿QQ空间五彩字体

评论区