使用axios對json server的增刪改查

2021-10-01 06:39:13 字數 1078 閱讀 8225

使用axios對json-server的增刪改查

1、獲取資訊 get命令

2、增加資料 post命令

post命令一直報錯500錯誤,有id值才行

![在這裡插入描述](

3、刪除命令 delete

delete也報了錯誤 一直404

問題是雖然一直報404 但我點開 是能找到資料的

解決方法 上面加id值

1根據選擇的名字

2獲取到對應的id值

3根據id值獲取的位址

這樣就不報404錯誤了

4、修改命令 patch

首先要在data中定義如下資料:

接下來就發請求

this.addressdata是在data中定義的物件

this.$route.query.item.id是傳過來的id

注意:

傳入的資料必須是json物件格式

如果url寫成https://localohost:3000/addresslist?id=01001

則會返回乙個陣列,就會報錯如下

前端對axios的封裝和使用

axios 是乙個基於 promise 的 http 庫。將axios封裝好後能更高效的開發並且方便維護,而且在以後的專案中也能直接套用,所以封裝好是必要的。在參考了很多方法後,我拼湊出了一套我認為很實用的方法。這個是功能性檔案是拼接url和引數的,讀一遍知道他有什麼功能就行了 const help...

對axios的封裝

axios封裝 請求攔截 相應攔截 錯誤統一處理 import axios from axios import qsfrom qs import from element ui import store from store index import router from router index...

對axios的封裝

axios 封裝 請求攔截 相應攔截 錯誤統一處理 import axios from axios eslint disable next line no unused vars import qsfrom qs eslint disable next line no unused vars imp...