nodejs解决跨域问题

最新推荐文章于 2023-07-05 17:51:21 发布

lxslxskxs

最新推荐文章于 2023-07-05 17:51:21 发布

阅读量243

点赞数 1

分类专栏： node 文章标签： javascript node.js vue.js

本文链接：https://blog.csdn.net/lxs19930928/article/details/122025383

版权

node 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

目录如下

在这里插入图片描述

server.js

yarn add -D express nodemon -D
 var express = require("express")

var app = new express()

// 后端解决跨域问题
app.all("*",(req,res,next)=>{
  res.header("Access-Control-Allow-Origin","*");
  res.header("Access-Control-Allow-headers","X-Requested-with");
  res.header("Access-Control-Allow-Headers","Content-Type");
  res.header("Access-Control-Allow-Methods","PUT,POST, GET,DELETE,OPTIONS")
  next()
})

app.get("/",(req,res,next)=>{
  let arr = [
    {
      id:1,
      name: '张三1'
    },
    {
      id:2,
      name: '张三2'
    },
    {
      id:3,
      name: '张三3'
    },
  ]
  res.send(arr)
})

var port = 9527

app.listen(port,()=>{
  console.log(`服务器启动... 端口是 http://localhost:${port}`)
})
启动 npx nodemon server.js

fetch.htm

<body>
  <button onClick="clickHandler()">请求数据</button>
  <script>
    var fetchReq = () =>{
      fetch("http://localhost:9527",{
        method: "GET",
        headers: {
          "Content-Type": "application/x-www-form-urlencoded"
        }
      }).then(res=>{
        // return res.text()
        return res.json()
      }).then(resp=>{
        console.log("resp",resp)
      })
    }
    var clickHandler = ()=>{
      fetchReq()
    }
  </script>
</body>

展示页面

在这里插入图片描述

lxslxskxs

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
nodejs解决跨域问题

目录如下server.jsyarn add -D express nodemon -D var express = require("express")var app = new express()// 后端解决跨域问题app.all("*",(req,res,next)=>{ res.header("Access-Control-Allow-Origin","*"); res.header("Access-Control-Allow-headers","X-Requeste
复制链接

扫一扫