適合網(wǎng)站開發(fā)的瀏覽器,求跳轉(zhuǎn)代碼來自百度等搜索引擎訪問跳轉(zhuǎn)到另一個(gè)網(wǎng)站直接輸入域名,江蘇建設(shè)人才網(wǎng)官方網(wǎng)站,有個(gè)可以做圖片的網(wǎng)站文章目錄 1.前言2.基本用法 請(qǐng)求配置GET 請(qǐng)求示例POST 請(qǐng)求示例 3.錯(cuò)誤處理4.使用 async/await5.設(shè)置超時(shí)6.fetch請(qǐng)求封裝處理 代碼封裝請(qǐng)求示例 1.前言 fetch 是現(xiàn)代瀏覽器中用于發(fā)起網(wǎng)絡(luò)請(qǐng)求的 API#xff0c;它基于 Promise#xff0c;提供了一種更強(qiáng)大和靈活的方式來…文章目錄1.前言2.基本用法請(qǐng)求配置GET 請(qǐng)求示例POST 請(qǐng)求示例3.錯(cuò)誤處理4.使用 async/await5.設(shè)置超時(shí)6.fetch請(qǐng)求封裝處理代碼封裝請(qǐng)求示例1.前言fetch 是現(xiàn)代瀏覽器中用于發(fā)起網(wǎng)絡(luò)請(qǐng)求的 API它基于 Promise提供了一種更強(qiáng)大和靈活的方式來處理 HTTP 請(qǐng)求。fetch 可以替代舊的 XMLHttpRequest并且與 async/await 結(jié)合使用時(shí)可以使異步代碼看起來更加簡潔易讀。下面是對(duì) fetch 請(qǐng)求的詳細(xì)描述包括基本用法、選項(xiàng)配置、錯(cuò)誤處理等方面2.基本用法基本語法fetch(url, options) // 第一個(gè)參數(shù)要獲取資源的url // 第二個(gè)參數(shù)可選用于指定請(qǐng)求的配置項(xiàng)請(qǐng)求配置options參數(shù)可以是一個(gè)對(duì)象用于設(shè)置請(qǐng)求的詳細(xì)信息包括但不限于method: 請(qǐng)求方法如GET,POST,PUT,DELETE等。headers: 請(qǐng)求頭部用于設(shè)置Content-Type或其他自定義頭部。body: 請(qǐng)求體通常用于POST或PUT請(qǐng)求。mode: 請(qǐng)求模式如cors,no-cors,same-origin。credentials: 是否發(fā)送 cookies如include,omit,same-origin。cache: 緩存模式如default,no-store,reload等。GET 請(qǐng)求示例fetch(請(qǐng)求的接口options) .then(response response.json()) // 解析響應(yīng)體為 JSON .then(data console.log(data)) // 處理數(shù)據(jù) .catch(error console.error(Error:, error)); // 處理錯(cuò)誤POST 請(qǐng)求示例fetch(請(qǐng)求的接口, { method: POST, headers: { Content-Type: application/json }, body: JSON.stringify({ title: foo, body: bar, userId: 1 }) }) .then(response response.json()) .then(data console.log(data)) .catch(error console.error(Error:, error));3.錯(cuò)誤處理fetch 的 Promise 通常不會(huì)因?yàn)?HTTP 錯(cuò)誤狀態(tài)碼如 404 或 500而拒絕只有在網(wǎng)絡(luò)故障或請(qǐng)求無法完成時(shí)才會(huì)拒絕。因此即使服務(wù)器返回了一個(gè)錯(cuò)誤狀態(tài)碼response.ok 屬性也會(huì)是 false但 fetch 仍會(huì)解析為一個(gè)成功的 Promise。fetch(請(qǐng)求的接口) .then(response { if (!response.ok) { throw new Error(請(qǐng)求錯(cuò)誤! 當(dāng)前: ${response.status}); } return response.json(); }) .then(data console.log(data)) .catch(error console.error(Error:, error));4.使用 async/awaitfetch 與 async/await 結(jié)合使用可以使異步代碼看起來像同步代碼一樣更易于理解和維護(hù)。async function fetchData() { try { const response await fetch(請(qǐng)求接口); if (!response.ok) { throw new Error(HTTP error! status: ${response.status}); } const data await response.json(); console.log(data); } catch (error) { console.error(Error:, error); } } fetchData();5.設(shè)置超時(shí)fetch本身不支持超時(shí)設(shè)置但你可以通過包裝Promise來實(shí)現(xiàn)超時(shí)功能。function fetchWithTimeout(resource, options {}, timeout 5000) { return new Promise((resolve, reject) { const id setTimeout(() { reject(new Error(Request timed out)); }, timeout); fetch(resource, options) .then(response { clearTimeout(id); resolve(response); }) .catch(error { clearTimeout(id); reject(error); }); }); } fetchWithTimeout(請(qǐng)求接口, {}, 3000) .then(response response.json()) .then(data console.log(data)) .catch(error console.error(Error:, error));6.fetch請(qǐng)求封裝處理代碼封裝// 定義狀態(tài)碼消息映射 const codeMessage { 200: 服務(wù)器成功返回請(qǐng)求的數(shù)據(jù)。, 201: 新建或修改數(shù)據(jù)成功。, 202: 一個(gè)請(qǐng)求已經(jīng)進(jìn)入后臺(tái)排隊(duì)異步任務(wù)。, 204: 刪除數(shù)據(jù)成功。, 400: 發(fā)出的請(qǐng)求有錯(cuò)誤服務(wù)器沒有進(jìn)行新建或修改數(shù)據(jù)的操作。, 401: 用戶沒有權(quán)限令牌、用戶名、密碼錯(cuò)誤。, 403: 用戶得到授權(quán)但是訪問是被禁止的。, 404: 發(fā)出的請(qǐng)求針對(duì)的是不存在的記錄服務(wù)器沒有進(jìn)行操作。, 406: 請(qǐng)求的格式不可得。, 410: 請(qǐng)求的資源被永久刪除且不會(huì)再得到的。, 422: 當(dāng)創(chuàng)建一個(gè)對(duì)象時(shí)發(fā)生一個(gè)驗(yàn)證錯(cuò)誤。, 500: 服務(wù)器發(fā)生錯(cuò)誤請(qǐng)檢查服務(wù)器。, 502: 網(wǎng)關(guān)錯(cuò)誤。, 503: 服務(wù)不可用服務(wù)器暫時(shí)過載或維護(hù)。, 504: 網(wǎng)關(guān)超時(shí)。 }; // 請(qǐng)求配置 const defaultOptions { timeout: 1000 * 30, // 默認(rèn)超時(shí)時(shí)間 headers: { Content-Type: application/json;charsetutf-8 }, baseURL: process.env.VUE_APP_BASE_API || // 請(qǐng)求基地址 }; // 異常攔截處理器 const errorHandler (error) { if (error.response) { console.log(codeMessage[error.response.status] || 未知錯(cuò)誤); } return Promise.reject(error); }; // 請(qǐng)求攔截器 const requestInterceptor (config) { const newConfig { ...config }; // 添加基礎(chǔ)URL newConfig.url ${defaultOptions.baseURL}${config.url}; // 添加token到header const token sessionStorage.getItem(token); if (token) { newConfig.headers.append(Authorization, Bearer ${token}); } else { console.log(沒有token); } return newConfig; }; // 響應(yīng)攔截器 const responseInterceptor (response) { if (response.ok) { return response.json(); } else { throw response; } }; // 創(chuàng)建一個(gè)封裝后的fetch函數(shù) const fetchWrapper (url, options {}) { const config requestInterceptor({ ...defaultOptions, ...options, url }); // 設(shè)置超時(shí) const controller new AbortController(); const { signal } controller; const timeoutId setTimeout(() controller.abort(), config.timeout); return fetch(config.url, { ...config, signal }) .then((response) { clearTimeout(timeoutId); return responseInterceptor(response); }) .catch((error) { clearTimeout(timeoutId); if (error.name AbortError) { console.error(請(qǐng)求超時(shí)); } return errorHandler(error); }); }; // 創(chuàng)建一個(gè)API客戶端類 class APIClient { get(url, options {}) { return fetchWrapper(url, { ...options, method: GET }); } post(url, body, options {}) { return fetchWrapper(url, { ...options, method: POST, body: JSON.stringify(body) }); } put(url, body, options {}) { return fetchWrapper(url, { ...options, method: PUT, body: JSON.stringify(body) }); } delete(url, options {}) { return fetchWrapper(url, { ...options, method: DELETE }); } } export default new APIClient();請(qǐng)求示例//引入 APIClient import APIClient from ./APIClient; // GET 請(qǐng)求 APIClient.get(請(qǐng)求接口) .then(response { console.log(GET 請(qǐng)求成功:, response); }) .catch(error { console.error(GET 請(qǐng)求失敗:, error); }); // POST請(qǐng)求 const newUser { name: John Doe, email: john.doeexample.com, password: secretpassword }; APIClient.post(請(qǐng)求接口, newUser) .then(response { console.log(POST 請(qǐng)求成功:, response); }) .catch(error { console.error(POST 請(qǐng)求失敗:, error); });2025開年AI技術(shù)打得火熱正在改變前端人的職業(yè)命運(yùn)阿里云核心業(yè)務(wù)全部接入Agent體系字節(jié)跳動(dòng)30%前端崗位要求大模型開發(fā)能力騰訊、京東、百度開放招聘技術(shù)崗80%與AI相關(guān)……大模型正在重構(gòu)技術(shù)開發(fā)范式傳統(tǒng)CRUD開發(fā)模式正在被AI原生應(yīng)用取代最殘忍的是業(yè)務(wù)面臨轉(zhuǎn)型領(lǐng)導(dǎo)要求用RAG優(yōu)化知識(shí)庫檢索你不會(huì)帶AI團(tuán)隊(duì)微調(diào)大模型要準(zhǔn)備多少數(shù)據(jù)你不懂想轉(zhuǎn)型大模型應(yīng)用開發(fā)工程師等相關(guān)崗沒項(xiàng)目實(shí)操經(jīng)驗(yàn)……這不是技術(shù)焦慮而是職業(yè)生存危機(jī)曾經(jīng)React、Vue等熱門的開發(fā)框架已不再是就業(yè)的金鑰匙。如果認(rèn)為會(huì)調(diào)用API就是懂大模型、能進(jìn)行二次開發(fā)那就大錯(cuò)特錯(cuò)了。制造、醫(yī)療、金融等各行業(yè)都在加速AI應(yīng)用落地未來企業(yè)更看重能用AI大模型技術(shù)重構(gòu)業(yè)務(wù)流的技術(shù)人。如今技術(shù)圈降薪裁員頻頻爆發(fā)傳統(tǒng)崗位大批縮水相反AI相關(guān)技術(shù)崗瘋狂擴(kuò)招薪資逆勢上漲150%大廠老板們甚至開出70-100W年薪挖掘AI大模型人才不出1年 “有AI項(xiàng)目開發(fā)經(jīng)驗(yàn)”或?qū)⒊蔀榍岸巳送哆f簡歷的門檻。風(fēng)口之下與其像“溫水煮青蛙”一樣坐等被行業(yè)淘汰不如先人一步掌握AI大模型原理應(yīng)用技術(shù)項(xiàng)目實(shí)操經(jīng)驗(yàn)“順風(fēng)”翻盤大模型目前在人工智能領(lǐng)域可以說正處于一種“炙手可熱”的狀態(tài)吸引了很多人的關(guān)注和興趣也有很多新人小白想要學(xué)習(xí)入門大模型那么如何入門大模型呢下面給大家分享一份2025最新版的大模型學(xué)習(xí)路線幫助新人小白更系統(tǒng)、更快速的學(xué)習(xí)大模型2025最新版CSDN大禮包《AGI大模型學(xué)習(xí)資源包》免費(fèi)分享**一、2025最新大模型學(xué)習(xí)路線一個(gè)明確的學(xué)習(xí)路線可以幫助新人了解從哪里開始按照什么順序?qū)W習(xí)以及需要掌握哪些知識(shí)點(diǎn)。大模型領(lǐng)域涉及的知識(shí)點(diǎn)非常廣泛沒有明確的學(xué)習(xí)路線可能會(huì)導(dǎo)致新人感到迷茫不知道應(yīng)該專注于哪些內(nèi)容。我們把學(xué)習(xí)路線分成L1到L4四個(gè)階段一步步帶你從入門到進(jìn)階從理論到實(shí)戰(zhàn)。L1級(jí)別:AI大模型時(shí)代的華麗登場L1階段我們會(huì)去了解大模型的基礎(chǔ)知識(shí)以及大模型在各個(gè)行業(yè)的應(yīng)用和分析學(xué)習(xí)理解大模型的核心原理關(guān)鍵技術(shù)以及大模型應(yīng)用場景通過理論原理結(jié)合多個(gè)項(xiàng)目實(shí)戰(zhàn)從提示工程基礎(chǔ)到提示工程進(jìn)階掌握Prompt提示工程。L2級(jí)別AI大模型RAG應(yīng)用開發(fā)工程L2階段是我們的AI大模型RAG應(yīng)用開發(fā)工程我們會(huì)去學(xué)習(xí)RAG檢索增強(qiáng)生成包括Naive RAG、Advanced-RAG以及RAG性能評(píng)估還有GraphRAG在內(nèi)的多個(gè)RAG熱門項(xiàng)目的分析。L3級(jí)別大模型Agent應(yīng)用架構(gòu)進(jìn)階實(shí)踐L3階段大模型Agent應(yīng)用架構(gòu)進(jìn)階實(shí)現(xiàn)我們會(huì)去學(xué)習(xí)LangChain、 LIamaIndex框架也會(huì)學(xué)習(xí)到AutoGPT、 MetaGPT等多Agent系統(tǒng)打造我們自己的Agent智能體同時(shí)還可以學(xué)習(xí)到包括Coze、Dify在內(nèi)的可視化工具的使用。L4級(jí)別大模型微調(diào)與私有化部署L4階段大模型的微調(diào)和私有化部署我們會(huì)更加深入的探討Transformer架構(gòu)學(xué)習(xí)大模型的微調(diào)技術(shù)利用DeepSpeed、Lamam Factory等工具快速進(jìn)行模型微調(diào)并通過Ollama、vLLM等推理部署框架實(shí)現(xiàn)模型的快速部署。整個(gè)大模型學(xué)習(xí)路線L1主要是對(duì)大模型的理論基礎(chǔ)、生態(tài)以及提示詞他的一個(gè)學(xué)習(xí)掌握而L3 L4更多的是通過項(xiàng)目實(shí)戰(zhàn)來掌握大模型的應(yīng)用開發(fā)針對(duì)以上大模型的學(xué)習(xí)路線我們也整理了對(duì)應(yīng)的學(xué)習(xí)視頻教程和配套的學(xué)習(xí)資料。二、大模型經(jīng)典PDF書籍書籍和學(xué)習(xí)文檔資料是學(xué)習(xí)大模型過程中必不可少的我們精選了一系列深入探討大模型技術(shù)的書籍和學(xué)習(xí)文檔它們由領(lǐng)域內(nèi)的頂尖專家撰寫內(nèi)容全面、深入、詳盡為你學(xué)習(xí)大模型提供堅(jiān)實(shí)的理論基礎(chǔ)。書籍含電子版PDF三、大模型視頻教程對(duì)于很多自學(xué)或者沒有基礎(chǔ)的同學(xué)來說書籍這些純文字類的學(xué)習(xí)教材會(huì)覺得比較晦澀難以理解因此我們提供了豐富的大模型視頻教程以動(dòng)態(tài)、形象的方式展示技術(shù)概念幫助你更快、更輕松地掌握核心知識(shí)。四、大模型項(xiàng)目實(shí)戰(zhàn)學(xué)以致用當(dāng)你的理論知識(shí)積累到一定程度就需要通過項(xiàng)目實(shí)戰(zhàn)在實(shí)際操作中檢驗(yàn)和鞏固你所學(xué)到的知識(shí)同時(shí)為你找工作和職業(yè)發(fā)展打下堅(jiān)實(shí)的基礎(chǔ)。五、大模型面試題面試不僅是技術(shù)的較量更需要充分的準(zhǔn)備。在你已經(jīng)掌握了大模型技術(shù)之后就需要開始準(zhǔn)備面試我們將提供精心整理的大模型面試題庫涵蓋當(dāng)前面試中可能遇到的各種技術(shù)問題讓你在面試中游刃有余。因篇幅有限僅展示部分資料需要點(diǎn)擊下方鏈接即可前往獲取2025最新版CSDN大禮包《AGI大模型學(xué)習(xí)資源包》免費(fèi)分享