当前位置：网站首页>如何解决跨域

如何解决跨域

2022-06-30 09:52:00 【YF-SOD】

jsonp

利用html中script脚本不跨域解决。

<!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>
    <script>
        function getData(data) {
            console.log(data)
        }
    </script>
    <script src="http://localhost:8080"></script>
</body>
</html>

服务端代码

const http = require('http')
const server = http.createServer((req, res) =>
    let url = req.url
    //设置'Access-Control-Allow-Origin': '*'解决跨域
    //res.writeHead(200, {
    //    'content-type': 'application/json;charset=utf-8',
    //    'Access-Control-Allow-Origin': '*'
    //})
    res.write('getData("hello")')
    res.end()
})
server.listen(8080,()=>{
    console.log('localhost:8080')
})

此时会打印hello字符串，注意通常的get和post请求服务端的数据返回的是‘getData("hello")'的字符串，只有在script中才会作为js代码执行。