使用 axios 訪問 API

2022-01-11 15:07:36 字數 794 閱讀 5286

安裝 axios

npm install axios
然後在入口檔案 main.js中引入

在 src 下新建 src\mock資料夾,新建mock.js

// 建立要模擬的資料集

const mock = require('mockjs')

const random = mock.random

const newsdata = function ()

articles.push(newsobj)

}return

}// 返回時間控制

mock.setup()

// ``請嚴格注意get請求的位址``

mock.mock('/api/login', 'post',newsdata ) //post請求

mock.mock(regexp("/api/user/mytranferrecord"+".*"), 'get', newsdata) //get請求

修改login.vue檔案的methods方法:

methods: )

} else

});}

}

執行 npm run serve 啟動服務,出發請求 api/login 介面 

使用Nodejs搭建和訪問api

1 node 2 npm 3 express的安裝 全域性安裝 npm install express g g 代表全域性安裝 4 安裝資料庫 5 資料庫配置好之後,我就來測試一下,找到路由中的 index.js 先把dbconfig.js 匯入到index.js中 const dbconfig r...

axios 全攻略之 API

你可以在 request 中使用具體的配置項 傳送乙個 post 請求 axios 請求一張遠端 axios then function response 在 axios 中使用 axios url config 方式來配置選項 比如乙個預設的 get 請求 axios user 12345 axi...

axios封裝和api介面管理

axios封裝和api介面管理都是為了幫我們簡化 和後期維護的方便。這次就說說axios的封裝和api介面。然後開始設定預設的路徑 當環境切換時改變axios的預設路徑 if process.env.node env development else if process.env.node env ...