什么是前后端聯(lián)調(diào)？

• react中axios跨域的配置

const { createProxyMiddleware } = require('http-proxy-middleware'); module.exports = function (app) {app.use(// https://home-api.pinduoduo.com/home/mediareports?page_number=1&page_size=20'/home', createProxyMiddleware({// 目標(biāo)地址target: 'https://home-api.pinduoduo.com/',// 修改原地址changeOrigin: true,})); };

• vue中axios跨域的配置
  ……

如何取消axios

source

• cancel: ? cancel(message)
• token: CancelToken {promise: Promise, reason: Cancel}

react-hooks小例子

let [source, setSource] = useState(axios.CancelToken.source())// 這里初始化source對象useEffect(() => {axios.get('/home/mediareports', {cancelToken: source.token, // 這里聲明的cancelToken其實(shí)相當(dāng)于是一個(gè)標(biāo)記，// 當(dāng)我們要取消請求的時(shí)候，可以通過這個(gè)找到該請求params: {page_number: 1,page_size: 20}}).then(res => {// 你的邏輯console.log(res.data.data)}).catch(err => {// 如果調(diào)用了cancel方法，那么這里的res就是cancel傳入的信息// 你的邏輯throw(err)})}, [])const CancelAxios = () => {source.cancel('這里你可以輸出一些信息，可以在catch中拿到')}

如何取消ajax

var xhr = new XMLHttpRequest();xhr.onreadystatechange = function () {if (xhr.readyState == 4 && xhr.status == 200) {console.log(xhr.response);} else {console.log(xhr.status);}}xhr.open("GET", "https://api.github.com/");xhr.send();// 取消之前 {………………}xhr.abort(); //0

fatch(關(guān)注分離的設(shè)計(jì)思想)

缺點(diǎn):兼容性不高,老版本瀏覽器不支持 特點(diǎn):原生函數(shù),不在使用xmlHttpRequest對象提交ajax請求

axios常用的5中請求方法

get：獲取數(shù)據(jù)post：提交數(shù)據(jù)（表單提交+文件上傳）put：更新數(shù)據(jù)（所有數(shù)據(jù)推送到后端）patch：更新數(shù)據(jù)（只將修改的數(shù)據(jù)推送到后端）delete：刪除數(shù)據(jù)

總結(jié)

以上是生活随笔為你收集整理的ajax，jsonp，axios面试题的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。