CORS

最新推荐文章于 2024-06-19 23:43:09 发布

CV键都碎了

最新推荐文章于 2024-06-19 23:43:09 发布

阅读量48

点赞数

分类专栏： AJAX

本文链接：https://blog.csdn.net/sinat_33940108/article/details/115391243

版权

AJAX 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

什么是CORS：
全称：Cross-Origin Resource Sharing , 跨域资源共享

app.all('/cors-server',(request,response) => {

    //设置响应头
    response.setHeader("Access-Control-Allow-Origin","*");
    response.setHeader("Access-Control-Allow-Headers","*");
    response.setHeader("Access-Control-Allow-Method","*");
    // response.setHeader("Access-Control-Allow-Origin","http://127.0.0.1:5500");
    response.send("hello CORS");
})

页面

<!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>原理演示</title>
    <style>
        #result{
            width: 300px;
            height: 100px;
            border: solid 1px #78a;
        }
    </style>
</head>
<body>
    <button>发送请求</button>
    <div id="result"></div>
    <script>

        const btn = document.querySelector('button');

        btn.onclick = function(){
            //1.创建对象
            const x = new XMLHttpRequest();
            //2.初始化设置
            x.open("GET","http://127.0.0.1:8000/cors-server")
            //3.发送
            x.send();
            //4.绑定事件
            x.onreadystatechange = function(){
                if(x.readyState === 4){
                    if(x.status >= 200 && x.status < 300){
                        //输出响应体
                        console.log(x.response);
                    }
                }
            }
        }

    </script>
</body>
</html>

CV键都碎了

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
CORS

什么是CORS：全称：Cross-Origin Resource Sharing , 跨域资源共享app.all('/cors-server',(request,response) => { //设置响应头 response.setHeader("Access-Control-Allow-Origin","*"); response.setHeader("Access-Control-Allow-Headers","*"); response.setHeader(
复制链接

扫一扫