跨域问题

最新推荐文章于 2021-02-20 15:36:16 发布

anzhi123456789

最新推荐文章于 2021-02-20 15:36:16 发布

阅读量89

点赞数

文章标签： nodejs

本文链接：https://blog.csdn.net/anzhi123456789/article/details/113861261

版权

这里简单说一下设置请求头和JSONP方法

const express  = require("express");

/* http://localhost:90*/
const app =express()
app.use(express.static(__dirname))
app.listen(90)

// 跨越问题
/* http://localhost:91 */
const app2 = express()

// 方法一:设置请求头
 app2.get('/',(req,res)=>{

    res.header('Access-Control-Allow-Origin','*') //若不设置 app不能请求到app2中的数据
    res.send('你好')
})
app2.listen(91) 

// 方法二: JSONP
 app2.get('/',(req,res)=>{
     let funcname =req.query.callback
     console.log(req.query)
     res.send(funcname+"('你好')")
     //f('你好')
 })
 app2.listen(91)

index.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>Document</title>
</head>
<body>
    <h1>hello</h1>
    <script>
         //第一种方法，设置请求头请求数据  
         fetch('http://localhost:91')
         .then(res=>res.text())
         .then(data=>{alert(data)}) 
        //第二种方法，JSONP请求
        function f(data) {
            alert(data)
        }
    </script>
    <script src="http://localhost:91?callback=f"></script>
</body>
</html>```

anzhi123456789

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
跨域问题

这里简单说一下设置请求头和JSONP方法const express = require("express");/* http://localhost:90*/const app =express()app.use(express.static(__dirname))app.listen(90)// 跨越问题/* http://localhost:91 */const app2 = express()// 1 设置请求头/* app2.get('/',(req,res)=>{
复制链接

扫一扫