vue代理介面，資料請求
阿新 • • 發佈：2021-06-16
get，post請求資料是前端最常用的方法，今天記錄一下自己使用的方法
先建立一個vue.config.js檔案，這是代理介面檔案，存放在最外一層
這是裡面的程式碼
module.exports = { devServer: { // host: "localhost", // port: "8081", // open: true, proxy: { "/api": { target: "https://api-v2.chuangkit.com", ws: true, changeOrigin: true, // 是否允許跨域 pathRewrite: { [
]: '' }, }, "/abd": { target: "https://api.chuangkit.com", ws: true, changeOrigin: true, // 是否允許跨域 pathRewrite: { [^/abd`]: ''},
},
},
},
}`
使用時更換url就好了。
然後是get和post請求
注：記得引入axios
語法：axios.post(url,{}).then(function(res){//調取成功}).catch(function(err){//調取失敗})
解析：post裡面的api就是代理介面，then裡面的函式引數就是請求的資料，sourceData是date裡面的空陣列，添加里面後進行頁面迴圈渲染。
mounted是立即呼叫postDate函式，這樣頁面一載入，頁面資料就出來了