node.js模拟CORS跨域

2021/11/1 1:39:54

本文主要是介绍node.js模拟CORS跨域,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

<!--
 * @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那行后发现产生了跨域

 



这篇关于node.js模拟CORS跨域的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程