koa后端允許跨域

舉個例子

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><title>Document</title><script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script></head><body><button>做請求</button><script>$("button").click(function () {$.ajax({url: "http://localhost:9000/manage",success(res) {console.log(res);},});});</script></body>
</html>

該前端頁面用LiveServer 啟動?http://127.0.0.1:5500/test.html? ajax請求http://localhost:9000/manage 必然跨域

前端想跨域,可以設置proxy。如果后端允許跨域,可以如下操作:

// 安裝koa2-corsnpm i koa2-cors

項目app.js中添加

// 引入koa2-cors中間件
const cors = require("koa2-cors");
// 這里cors中間件一定要寫在路由之前
app.use(cors());app.use(router.routes(), router.allowedMethods())

OK ,解決跨域

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/247236.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/247236.shtml
英文地址,請注明出處:http://en.pswp.cn/news/247236.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

python面向對象之繼承

面向對象之繼承 什么是面向對象的繼承&#xff1f; 繼承&#xff08;英語&#xff1a;inheritance&#xff09;是面向對象軟件技術當中的一個概念。如果一個類別A“繼承自”另一個類別B&#xff0c;就把這個A稱 為“B的子類別”&#xff0c;而把B稱為“A的父類別”也可以稱“B是…

美國正面臨“人才泡沫”破裂危機?

&#xff08;Jason Lane和Kevin Kinser/文&#xff09;最近&#xff0c;與教育有關的種種問題在美國社會引起了廣泛討論。首先巨額的學生貸款問題&#xff1a;根據美聯儲紐約分行在2012年11月發布的一份報告&#xff0c;全美學生貸款總額已經達到420億美元&#xff0c;其中新增…

ngrx學習筆記

什么是ngrx ngrx是Angular基于Rxjs的狀態管理&#xff0c;保存了Redux的核心概念&#xff0c;并使用RxJs擴展的Redux實現。使用Observable來簡化監聽事件和訂閱等操作。 在看這篇文章之前&#xff0c;已經假設你已了解rxjs和redux。 有條件的話請查看官方文檔進行學習理解。 所…

解決RM刪除沒有釋放空間問題

www172-18-8-12 log]$ df -h Filesystem Size Used Avail Use% Mounted on/dev/vda1 120G 101G 20G 84% /devtmpfs 7.8G 0 7.8G 0% /devtmpfs 7.8G 0 7.8G 0% /dev/shmtmpfs 7.8G 601M 7.2G 8% /run 我刪除文件時&#xff0c;直接用的rm 沒有加參數lf,結果空間沒有釋放 文件已經…

.slice(0)

高手代碼里看到.slice(0)&#xff0c;查了下這樣寫的好處&#xff1a; 1.對原數組進行深拷貝&#xff0c;這樣進行一系列操作的時候就不影響原數組了&#xff1b; 2.將類數組對象轉化為真正的數組對象&#xff1a;var anchorArray [].slice.call(document.getElementsByTagN…

在線課程學習、科研科技視頻網站

最近在網絡學習課程&#xff0c;發現很多在線課程網站&#xff0c;與大家分享一下。本人新浪博客&#xff1a;http://blog.sina.com.cn/u/1240088994 公開課課程圖譜http://coursegraph.com/navigation/ 1. 網易公開課 http://open.163.com/&#xff1b; 網易TED http://…

對html2canvas的研究

介紹 該腳本允許您直接在用戶瀏覽器上截取網頁或部分網頁的“屏幕截圖”。屏幕截圖基于DOM&#xff0c;因此它可能不是真實表示的100&#xff05;準確&#xff0c;因為它沒有制作實際的屏幕截圖&#xff0c;而是根據頁面上可用的信息構建屏幕截圖。 這個怎么運作 該腳本遍歷其加…

[Vue warn]: You are using the runtime-only build of Vue 牽扯到Vue runtime-compiler與runtime-only區別

[Vue warn]: You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build. 1. Vue的編譯渲染過程 template --> ast --> render函數 -…

親歷2013年TED大會:全球最潮靈感大會

本文轉自&#xff1a;http://mooc.guokr.com/opinion/436837/ 本文由《外灘畫報》供稿 文/華琪&#xff08;發自美國&#xff09; 編輯/吳慧雯 什么是TED的世界&#xff1f;在這里&#xff0c;你可以輕易發現各種名人出沒的痕跡&#xff0c;和各個領域里最具遠見卓識和創造…

Java生鮮電商平臺-電商會員體系系統的架構設計與源碼解析

Java生鮮電商平臺-電商會員體系系統的架構設計與源碼解析 說明&#xff1a;Java生鮮電商平臺中會員體系作為電商平臺的基礎設施&#xff0c;重要性不容忽視。我去年整理過生鮮電商中的會員系統&#xff0c;但是比較粗&#xff0c;現在做一個最好的整理架構. 設計電商會員體系需…

為什么要上大學?

為了讓自己成為更有意思的人。 &#xff08;文&#xff0f;美國圣母大學哲學教授 Gary Gutting&#xff09;再不久&#xff0c;千千萬萬的大學生又將走完一個學期。他們中的很多人以及他們的家人&#xff0c;可能為剛剛過去的幾個月或是幾年投入了相當可觀的時間、努力以及金錢…

React AntD 表格查看修改時默認選中幾行數據

hook定義selectedRowKeys const [selectedRowKeys, setSelectedRowKeys] useState([]); const [selectedRowsState, setSelectedRows] useState([]); 初始化時利用setSelectedRowKeys給selectedRowKeys塞值,時行數據的rowKey的數組。 設置table屬性rowSelection <Table…

python面向對象三大特性、類的約束、print帶顏色輸出及super補充

面向對象三大特性、類的約束、print帶顏色輸出及super補充 簡述&#xff1a; python面向對象的三大特性&#xff1a; 1.繼承是一種創建新類的方式&#xff0c;在python中&#xff0c;新建的類可以繼承一個或多個父類&#xff0c;父類又可稱為基類或超類&#xff0c;新建的類稱為…

dayjs也可回顯AntD DatePicker的值

遇到的問題&#xff1a;react 使用AntD 表單里有多個RangePicker,查看修改時要回顯值。 antd的DatePicker需要的是moment對象。但是項目里引的是dayjs庫 解決方式&#xff1a; 方式一:直接多引moment.js庫&#xff0c;字符串轉moment對象 moment(2022-02) 方式二:不甘心引兩…

打造“神犇”是教育的未來嗎?

這年頭&#xff0c;品學兼優、身懷特長的“神犇”&#xff0c;拼的不僅是天賦異稟和后天努力&#xff0c;更是身后爹媽的錢包&#xff0c;而本該實現社會公平的教育&#xff0c;反而加速和凝固了社會的不公。 高等教育的終極目標真的是造就學業超人嗎&#xff1f;《紐約時報》刊…

洛谷 P3243 【[HNOI2015]菜肴制作】

第一眼看到這題&#xff0c;頓時懵逼&#xff0c;一個 \(SB\) 拓撲序竟然是黑題&#xff0c;當場笑噴。 \(Of\) \(course\)&#xff0c;這題我是用堆做的。&#xff08;其實是優先隊列&#xff0c;手寫堆這么垃圾我怎么可能會用呢&#xff09; \((1)\) 首先建圖。如果 \(x\) 需…

AntD 官網樣例 InputRef報錯原因

在官網可編輯表格typescript樣例里 const inputRef useRef<InputRef>(null); InputRef項目報錯原因是ant design的版本問題! antd 4.19版本重寫了input 可通過InputRef來使用input組件的ref

電路原理圖檢查的十大步驟詳解

最近一直在做嵌入式系統&#xff0c;畫原理圖。最后&#xff0c;為了保證原理圖準確無誤&#xff0c;檢查原理圖花費我近兩周的時間&#xff0c;在此&#xff0c;把我在檢查原理圖方面的心得體會總結在此&#xff0c;供大家參考&#xff0c;說得不對的地方歡迎大家指出。 往往我…

亞倫?斯沃茨:怎樣有效利用時間

編者按&#xff1a;今天是著名黑客亞倫?斯沃茨&#xff08;Aaron Swartz&#xff09;頭七的日子。斯沃茨14歲就參與創造RSS 1.0規格的制定&#xff0c;曾在斯坦福大學就讀了一年&#xff0c;是社交新聞網站Reddit的三位創始人之一……斯沃茨自殺時才年僅26歲。這26歲的短暫生命…

AntD 可編輯行表格

本地數據代碼模板自用,官網例子改改 // 編輯行的自定義表格 import React, { useState } from "react"; import {Table,Input,InputNumber,Popconfirm,Form,Typography,Divider, } from "antd";interface Item {key: string;name: string;age: number;add…