---
tags: Vue 實戰班
---

## 第四週常見問題：

#### 是不是要交了第三週，才能交第四週作業

如果第三週還沒交，可以**直接繳交第四週作業**，這兩週練習的項目不同，第三週偏向物件參考的觀念，第四週則是 API 串接。

#### 作業的產品規劃，是不是要一次準備好才能繳交

不必喔，產品規劃可以陸續執行，不需要繳交時就確認完整內容

#### Ajax 出現紅字該如何除錯？

常見的除錯方式，可使用**開發者工具中**的檢視是否有問題：

1. 打開 Network 分頁，並重新整理畫面，等待出現紅字
2. 出現紅字後，點擊該連結並查看 Headers 標籤，檢查網址是否正確。


3. 檢視 Token 是否有夾帶（注意：有夾帶也有可能過期）


4. 點擊 Preview 標籤，查看錯誤的訊息為何（目前畫面的訊息為驗證錯誤，因為 Token 已經過期）


#### 為什麼 login 頁面製作了，卻無法正確運作（Cookie 無法儲存）：

因為登入的 Cookie 必須儲存在「特定的網域」下，因此一定要使用 WebServer 運行才可正常運作，可參考 VSCode 中最簡單的 WebServer [套件](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer)

#### 為什麼使用 Get Products 這個 API 無法取得 description 的欄位資料

因為 Get Products 是屬於取得列表的資料內容，如果包含 description 的欄位資料會顯得內容過於龐大，所以必須使用[單筆資料取得](https://course-ec-api.hexschool.io/document#backend-show-product)的方式，才能正確取得 description 的內容。

#### API 發出請求時，收到 404 或 CROS 的錯誤回應

通常是 API 連結打錯，請再仔細檢查一下

#### 忘記密碼怎麼辦？

登出系統後，回到[登入頁面](https://course-ec-api.hexschool.io/login)下可透過「忘記密碼」重設。


#### 出現 Error: Request failed with status code 422

此錯誤訊息大部分都是來自使用者沒有依照相關欄位給予後端導致，例如傳送到後端的圖片不是一個陣列或者是其他必填欄位，所以發生此錯誤時，可以看一下 API 文件哪些是必填以及型別

Type：型別
Status：required(必要)、optional（選填）


最後一種 422 錯誤的可能在於，你直接使用了助教的 UUID，請務必注意要使用自己的 UUID。