重慶分公司,新征程啟航
為企業(yè)提供網站建設、域名注冊、服務器等服務
為企業(yè)提供網站建設、域名注冊、服務器等服務
后端API使用的框架是rest framework,前端通過GET獲取列表,通過POST添加數據都沒有問題
創(chuàng)新互聯(lián)建站長期為上千余家客戶提供的網站建設服務,團隊從業(yè)經驗10年,關注不同地域、不同群體,并針對不同對象提供差異化的產品和服務;打造開放共贏平臺,與合作伙伴共同營造健康的互聯(lián)網生態(tài)環(huán)境。為永登企業(yè)提供專業(yè)的成都網站設計、網站制作,永登網站改版等技術服務。擁有十多年豐富建站經驗和眾多成功案例,為您定制開發(fā)。但是通過DELETE方法進行刪除操作的時候,有報錯:
奇怪,cookie里明明已經有了csrf的token,但是DELET方法好像就是識別不到,因而接口直接返回403
查了下資料:
因為POST請求,是將從csrftoken放在post參數中,但是django中對PUT/DELETE只能通過檢查Header的方式來檢查csrftoken
所以要么后端在接收PUT/DELETE請求后進行預處理,要么前端在PUT/DELETE方式增加一個Header
后端的解決方法暫時沒找到好用的辦法,前端處理這種情況很簡單,在cookie中取csrftoken添加到請求頭里即可:
export?async?function?removeExport(params)?{ return?request('/api/collector/',?{ method:?'DELETE', body:?{ ...params, method:?'delete', }, headers:{ "X-CSRFToken":?Cookies.get('csrftoken') } }); }
這樣后端就可以正常拿到前端帶過來的csrftoken進行認證
在使用PUT方法進行更新操作的時候,又遇到一個問題,不返回403了,改成405了
報錯是PUT Method Not Allow,方法不被允許?
又檢查了一下處理跨域的地方:
大部分方法基本都允許了,但是看了下stackoverflow上面,說是請求的path倆面沒有給修改的id
原本請求的url http://127.0.0.1:8080/api/promMonitor/
修改了下前端請求的path?http://127.0.0.1:8080/api/promMonitor/1/
居然可以了,然后前端修改一下請求參數:把需要修改的id帶到path里面即可