今天在vue练习中出了一点问题,在使用< router-link >时路径前面没有加 / 导致无法实现页面的跳转。
如我在 http://localhost:8080/#/film/nowplaying 这个路径中点击< router-link to=‘film/comingsoon’>< /router-link>,将会跳转到 http://localhost:8080/#/film/film/comingsoon,无法实现相应的功能。而在路径前面加上 / 后,则会跳转到 http://localhost:8080/#/film/comingsoon,符合我路由的配置。
当我没有使用路由嵌套只使用一级路由时没有注意到 / 的问题,因为加不加都可以正常显示,而没去了解这个问题,导致后面出现了bug。这里加 / 跳转时会从站点的根目录开始寻找,而不加 / 则会从当前路径开始寻找。
路径前面加 / 和不加 / 的区别
最新推荐文章于 2024-05-16 13:30:42 发布