<!--
* @Description: 描述
* @Version: 1.0
* @Autor: Nanke_南柯
* @Date: 2021-10-31 23:54:24
* @LastEditors: Nanke_南柯
* @LastEditTime: 2021-11-01 00:58:24
-->
<!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>cors</title>
</head>
<body>
<script>
fetch('http:localhost:5080/api/data').then(response=>{
response.json()
}).then(result=>{
console.log(result);
})
</script>
</body>
</html>
/*
* @Description: 描述
* @Version: 1.0
* @Autor: Nanke_南柯
* @Date: 2021-10-31 23:57:37
* @LastEditors: Nanke_南柯
* @LastEditTime: 2021-11-01 00:11:52
*/
const http = require('http');
const url = require('url');
const server = http.createServer((req,res)=>{
let urlStr = req.url;
let uslObj = url.parse(urlStr,true)
switch(uslObj.pathname){
case '/api/data':
res.writeHead(200,{
'content-type':'application/json',
'Access-Control-Allow-Origin':'*'
})
res.write('{"ret":true,"data":"hello"}')
break;
default:
res.write('page not found')
}
res.end()
})
server.listen(5080,()=>{
console.log('localhost:5080 Listen');
})
当我们注释掉Access那行后发现产生了跨域