Javascript 使用vue将数据传递到下一个路由

在我的vue前端中，我有以下方法：

methods:{
    async moveToOrder() {
      const res = await this.$axios.get('/product/cart-to-order', {
        headers: {
          Authorization: 'Bearer ' + this.userData.userToken
        }
      });
      if (res.status === 200) {
        this.$router.push({name: 'Orders'});
      }
    }
}

上述方法点击以下方法，将数据从节点后端的cart集合移动到orders集合，并从orders集合返回移动的数据：

exports.cartToOrder = async (req, res, next) => {
///method code goes here

res.status(200).json({products: products});
}

我想在订单（视图或路线）中显示作为响应获得的数据。我可以将从后端返回的数据传递到Vue中的下一个路由吗

或者我是否需要在前端和后端分别使用不同的方法从订单收集中获取数据？？？

您可以使用vue路由器在路由之间使用。但是，数据现在在url中公开，您现在将继承url要求的所有限制，例如长度和类型（url编码字符串）

以下几种解决方案更适用于您的问题：

正如您提到的，如果第一次调用成功，您可以触发后续请求

将数据发送到目标视图/路由（请注意，数据只能流动或组件树）

（首选）使用状态管理工具来集中数据。您只需更新（修改）一次数据（状态），它就可以在应用程序中的任何位置使用。此解决方案的时间投资不容忽视，但从长远来看，它可以显著简化您的应用程序

---

这回答了你的问题吗？