fetchCardData(){ let _this=this; this.$axios.get("http://localhost:8080/softwork_war/Servletfindallbook").then(function(response){ _this.cardList = response.data; _this.card.id = response.data.id; _this.card.imageUrl = response.data.img; _this.card.title = response.data.bookname; }).catch(function(err){ console.log(err); }); },

这段代码是使用 axios 库向本地服务器发送 GET 请求，获取名为 "http://localhost:8080/softwork_war/Servletfindallbook" 的 API 接口返回的数据，并将数据赋值给卡片列表 this.cardList 中。同时也将卡片的 id、图片地址和标题从返回的数据中分别取出，并赋值给 this.card 对象的相应属性。在请求过程中，如果发生错误，则通过 catch 语句捕获并输出错误信息到控制台。

相关问题

goBack() { this.$router.push("/manageEvent") }, getEvent(){ let _this = this axios.get('http://localhost:8082/event/getEvent?name=' +_this.$route.query.name) .then(function (ref) { _this.eventInformation = ref.data.data[0] console.log(_this.eventInformation.venueId) _this.imageUrl = `http://localhost:8082/common/download?name=${_this.eventInformation.picture}` axios.get('http://localhost:8082/venue/getVenue?id=' +_this.eventInformation.venueId) .then(function (ref) { console.log(ref.data) _this.venue = ref.data.data.name _this.university = ref.data.data.university }) }) },

这段代码是关于前端页面中获取活动信息和场馆信息的部分代码。其中，getEvent()函数使用了axios库向后端发送请求，获取活动信息和对应的场馆信息，并将它们赋值给前端页面中的变量。具体来说，它通过调用axios.get()方法发送GET请求，其中请求的URL包括了活动名称和场馆ID。然后，使用.then()方法对请求的结果进行处理，在回调函数中将返回的活动信息和场馆信息赋值给前端页面中的变量，并打印出场馆ID和场馆名称。最后，获取到的活动图片URL会赋值给imageUrl变量。另外，goBack()函数则是实现了路由的跳转，将页面跳转到“/manageEvent”路由下。

methods: { delCollect(bookId) { var _this = this; axios({ method: "delete", url: "http://localhost:8080/BookShopSystem_war/deleteCollect", data: { userId: _this.userId, bookId: bookId } }).then(resp => { alert("取消收藏"); }); } }该方法还需要userId,请仿照以下接口的方式获取到usrIdmounted() { var _this = this; axios.get('/BookShopSystem_war/getUserId') .then((response) => { this.userId = response.data; var userId = this.userId; // 将userId赋值给一个变量 axios({ method: 'get', url: 'http://localhost:8080/BookShopSystem_war/getCollectBook/' + userId }).then(function (result) { var code = result.data.code; var data = result.data.data; if (code == 200) { _this.collectBook = data; } console.log(data) }) }) .catch((error) => { console.log(error); }); },

你的问题是如何获取 userId，对吧？

对于获取 userId，可以仿照以下接口的方式，在 mounted 钩子函数中使用 axios 发送 get 请求，获取到后将 userId 赋值给一个变量。具体代码如下：

mounted() {
  var _this = this;
  axios.get('/BookShopSystem_war/getUserId')
    .then((response) => {
      this.userId = response.data;
      var userId = this.userId; // 将userId赋值给一个变量
      axios({
        method: 'get',
        url: 'http://localhost:8080/BookShopSystem_war/getCollectBook/' + userId
      }).then(function (result) {
        var code = result.data.code;
        var data = result.data.data;
        if (code == 200) {
          _this.collectBook = data;
        }
        console.log(data)
      })
    })
    .catch((error) => {
      console.log(error);
    });
},

在 delCollect 方法中，可以直接使用 this.userId 获取到 userId，具体代码如下：

delCollect(bookId) {
  var _this = this;
  axios({
    method: "delete",
    url: "http://localhost:8080/BookShopSystem_war/deleteCollect",
    data: {
      userId: this.userId, // 直接使用 this.userId 获取到 userId
      bookId: bookId
    }
  }).then(resp => {
    alert("取消收藏");
  });
}