koa作为一个node http服务框架,它解决跨域问题,跟其他框架跨域类似,可以通过自定义中间件的方式对请求做处理,也可以通过使用封装好的@koa/cors依赖,两行代码搞定。
现在模拟ajax跨域问题。
准备:
1. nginx 服务,配合静态页面,访问80端口,请求html页面,
2. koa服务端,做接口访问,服务端口3000。
ajax-cors.html
<!doctype html>
<html>
<head>
<meta charset="UTF-8"/>
<title>ajax</title>
<style>
#root input{padding:10px;border:1px solid #ddd;color:#fff;border-radius: 3px;background: lightgreen;font-size: 16px;}
#root .box{padding:5px;}
#root textarea{width:800px;height:100px;resize: none;}
</style>
</head>
<body>
<div id="root">
<div class="box">
<input type="button" value="ajax-cors" onclick="handleclick()"/>
</div>
<div class="box">
<textarea id="output"></textarea>
</div>
&