CORS解决跨域

最新推荐文章于 2024-10-06 13:20:09 发布

liun_n

最新推荐文章于 2024-10-06 13:20:09 发布

阅读量215

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/qq_39706777/article/details/120917893

版权

Node.js 接口 fetch 跨域 Access-Control-Allow-Origin

关键词由CSDN通过智能技术生成

JavaScript 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

准备工作：

创建 server.js 文件，使用 node.js 写一个简单的接口，并运行服务
创建一个 index.html 页面，页面内使用 fetch 请求上面写的接口（http:127.0.0.1:8000/api/data），获取数据并输出到控制台
创建 client.js 文件，使用 node.js 开启一个本地服务器，部署index.html

代码：
server.js

const http = require('http');
const PORT = 8000;

http.createServer((req, res) => {
  const url = req.url;
  console.log('request url: ', url);
  if (url === '/api/data') {
      let result = {
        code:200,
        msg:"ok",
        data:{
            name:"mie",
            age:"12"
        }
      }
    return res.end(JSON.stringify(result));
  }
}).listen(PORT);

console.log('Server listening on port '+PORT);

inde.html:

<!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>index.html</title>
</head>
<body>
    <h3>test cors</h3>
    <script>
        const reqUrl = 'http://127.0.0.1:8000/api/data'
        fetch(reqUrl).then(res=>res.json()).then(res=>{
            cosnole.log(res)
        })
    </script>
</body>
</html>

client.js:

const http = require("http")
const fs = require('fs');
http.createServer((req, res) => {
  fs.createReadStream('index.html').pipe(res);
}).listen(3000);
console.log("running at 127.0.0.1:3000")