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.mzph.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…