iT邦幫忙

2024 iThome 鐵人賽

DAY 22
0
佛心分享-SideProject30

網頁遊戲_名字對決系列 第 22

Day22 - 在本地裝nginx part3

  • 分享至 

  • xImage
  •  

本來預計整天都能寫程式,但一早就被叫回老家吃飯,回到宿舍已經很晚了,和平常下班能用的時間差不多。
昨天做到送出時錯誤,在錯誤訊息的回應上多加一段詳細的錯誤訊息:

        if (!response.ok) {
          const errorText = await response.text();
          console.error('Error response:', errorText);
          throw new Error(
            `HTTP error! status: ${response.status}, message: ${errorText}`
          );
        }

https://ithelp.ithome.com.tw/upload/images/20241005/20138459RIyiq6FYn5.png

從錯誤訊息中,我們可以看出問題的根源在於數據格式不匹配,問題是victory_method_id的值。後端期望這是一個整數,但前端發送了一個完整的對象。
把以下程式修改:

      const command = {
        left_character_id: leftCharacter.value.id,
        right_character_id: rightCharacter.value.id,
        victory_method_id: selectedVictoryMethod.value,    //之前的
        victory_method_id: selectedVictoryMethod.value.id, //改成這樣
      };
      
  const fetchVictoryMethods = async () => {
      try {
        const response = await fetch('/api/victory_methods');
        victoryMethods.value = await response.json();
        if (victoryMethods.value.length > 0) {
          selectedVictoryMethod.value = victoryMethods.value[0].id;  // 之前的
          selectedVictoryMethod.value = victoryMethods.value[0];     // 改成這樣
        }
      } catch (error) {
        console.error('Error fetching victory methods:', error);
      }
    };

明天繼續加油!
//補充更新,沒改prompt的情況下,法師突然取得了第一勝
https://ithelp.ithome.com.tw/upload/images/20241006/20138459oW5bIgNd3Q.png


上一篇
Day21 - 在本地裝nginx、一些筆記 part2
下一篇
Day23 - 安裝Docker,本地執行成功,一些筆記
系列文
網頁遊戲_名字對決30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言