vue2中路由怎么301到新的网站？

作者站长头像
站长
· 阅读数 21

vue2中路由怎么301到新的网站

我有个关于（about）页面，我是写在vue路由里的，当我点击关于按钮时直接跳的vue路由里的about,我现在要把about页面放到了别的项目下，想实现当我点击关于按钮时，跳转另一个项目的about，如果我直接访问另一个项目/about,这样是能跳转，但会造成用户收藏的连接报错问题，和出现seo问题

我想到了在nginx里做301

location /aboutus {
    #add_header Cache-Control no-store;
    # 永久重定向  
    rewrite ^ http://baidu.com permanent;
    }

但是nginx和vuerouter是两个系统，还是会先跳转我原来项目的about页面，有没有大佬知道应该怎么解决呢

回复
1个回答
avatar
test
2024-06-23

301 重定向的功能是从HTTP服务中做的，不是在客户端的 Vue-router 中实现的。

所以我的建议是直接从 Nginx 中配置，如果你想要在客户端也做处理，那就通过路由守卫 来处理。在 /about 页面配置中增加一个 beforeEnter 配置项，直接跳转到另外一个项目中。

回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引，对解决问题有帮助
  • 遵循 Markdown 语法排版，代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容