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