在前端開發中,經常需要使用ajax請求遠程數據。而axios是一個基于Promise的HTTP客戶端,可用于瀏覽器和Node.js中的請求。
本文將介紹如何使用axios請求遠程json文件。
// 引入axios import axios from 'axios'; // 發送axios請求 axios.get('/data.json') .then(function (response) { console.log(response); }) .catch(function (error) { console.log(error); });
以上代碼通過導入axios模塊,并通過get方法請求/data.json文件,成功后在控制臺中輸出返回數據。如果請求失敗,會在控制臺中輸出錯誤信息。
需要注意的是,在使用axios請求時,需要在項目的package.json文件中加入如下配置:
"proxy": { "/api": { "target": "http://localhost:3000", "changeOrigin": true } }
這樣可以避免在開發環境中出現跨域問題。
至此,我們便可以通過axios請求遠程json文件了。
上一篇css3繪制三角形
下一篇mysql使用print