Node.js 和 Vue.js 是目前 Web 開發(fā)中非常流行的兩種技術(shù)棧,它們分別負(fù)責(zé)后端和前端的開發(fā)。在開發(fā)過程中,常常需要進(jìn)行前后端交互,這就需要通過請(qǐng)求和響應(yīng)進(jìn)行數(shù)據(jù)交流。
Node.js 提供了非常方便的 API,能夠輕易地創(chuàng)建 HTTP 服務(wù)。
const http = require('http'); http.createServer((req, res) =>{ res.writeHead(200, {'Content-Type': 'text/plain'}); res.end('Hello World!'); }).listen(8080);
創(chuàng)建 HTTP 服務(wù)需要傳入一個(gè)回調(diào)函數(shù),這個(gè)函數(shù)將在有請(qǐng)求到達(dá)時(shí)被觸發(fā)。回調(diào)函數(shù)的第一個(gè)參數(shù)是請(qǐng)求對(duì)象 req,第二個(gè)參數(shù)是響應(yīng)對(duì)象 res。可以通過這個(gè)對(duì)象來完成請(qǐng)求和響應(yīng)的操作。
而在 Vue.js 中,可以通過 axios 庫完成 HTTP 請(qǐng)求,這個(gè)庫支持 Promise 和攔截器,能很好地處理異步請(qǐng)求和錯(cuò)誤處理。
import axios from 'axios'; axios.get('/user?id=12345') .then(function (response) { console.log(response); }) .catch(function (error) { console.log(error); });
以上代碼演示了通過 axios 發(fā)送一個(gè) get 請(qǐng)求,并將結(jié)果 log 到 console 中。除了常見的 get、post 方法,axios 還支持其它請(qǐng)求方式,例如 put、delete 等。
綜上所述,Node 和 Vue 請(qǐng)求都十分方便。Node 可以搭建 HTTP 服務(wù),Vue 可以通過 axios 發(fā)送數(shù)據(jù)請(qǐng)求。當(dāng)然,實(shí)際應(yīng)用中還需要更加靈活的處理方式,但這些 API 可以為我們提供很好的基礎(chǔ)。