解決 axios 回傳不是 data 而是整包 html 的方法

2023-01-29 15:44:55

在使用 axios/AJAX 測試 API 時，如果遇到回傳的不是設定好的 data 而是把整包 html 都回傳的話，可以檢查一下以下幾點。

是否有設定好 route

因為我是寫 PHP 的，所以 Laravel 是這樣，CodeIgniter 則是這樣。

是否有使用 CSRF

如果有用到 CSRF 保護資料的傳遞，在透過 AJAX/axios 帶資料時，一定要帶 csrf token，沒有帶的話就會發生以上的錯誤。

以上是我遇過的狀況，如果還有別的原因也歡迎留言跟我討論。

Fullscreen HTML5 Background Video- 好用的 javascript 網頁背景影片幻燈片播放套件 Vidage.js- 手機友善的全螢幕網頁背景套件

你可能也會喜歡的

使用 leaflet.js 來製作互動地圖

[Three.js] 在空間裡畫線

從 0 開始的 Laravel- post 資料到後端，與表單驗證

jsDelivr- 收錄許多網頁 cdn 資源的網站

HTML5 Canvas Cheat Sheet- HTML5 Canvas 的簡單 Cheat Sheet

Vaadin web components- 擁有超過 30 個 UI 元件的 javascript 元件庫

課程推薦

AI工作術全面學習實戰營：6 堂精選課程，學會最好用 AI 工具，翻轉你的人生

《PChome雜誌》攜手 5 位在 AI 領域的專業講師，打造上述 6 堂實用課程，教你學會時下最好用的 AI 工具，導入生成式 AI 來產製工作內容，改造並升級你的工作流程。

輸入折扣碼 ZERO2024 還可以額外獲得 NT$400 優惠喔。

HTML與SEO實戰應用—並以ChatGPT助力提升網站品質與流量

本課程專為希望深入了解 HTML 並有效結合 SEO 策略的學員設計。我們將重點放在 HTML 的深度學習與應用上，同時穿插介紹如何透過搜索引擎優化提升網站能見度。透過即時互動式的直播教學，加上 ChatGPT 的輔助，您將學習到如何建立一個結構優良、美觀且符合 SEO 標準的網站。這不僅會提升網站的用戶體驗，還會大幅提高網站的搜索引擎排名，進而增加訪客流量和潛在客戶。