zoukankan      html  css  js  c++  java
  • 319 CORS 跨域资源共享

    客户端client直接访问别人的服务器端A,
    服务器端A进行配置,允许client访问,
    相当于服务器端设置白名单。
    


    07.CORS跨域资源共享.html

    <!DOCTYPE html>
    <html lang="en">
    
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
    </head>
    
    <body>
        <button id="btn">点我发送请求</button>
        <script src="/js/ajax.js"></script>
        <script>
            // 获取按钮
            var btn = document.getElementById('btn');
            // 为按钮添加点击事件
            btn.onclick = function () {
                ajax({
                    type: 'get',
                    url: 'http://localhost:3001/cross',
                    success: function (data) {
                        console.log(data)
                    }
                })
            };
        </script>
    </body>
    
    </html>
    
    

    服务端代码

    // 拦截所有请求
    app.use((req, res, next) => {
    	// 1.允许哪些客户端访问我
    	// * 代表允许所有的客户端访问我
    	res.header('Access-Control-Allow-Origin', '*')
    	// 2.允许客户端使用哪些请求方法访问我
    	res.header('Access-Control-Allow-Methods', 'get,post')
    	next();
    });
    
  • 相关阅读:
    java_JDBC(3)
    java_JDBC(2)
    java_JDBC(1)
    seq语句随笔
    bzoj3159: 决战
    bzoj3905: Square
    bzoj3864: Hero meet devil
    有上下界的网络流问题
    uva12538
    bzoj3280: 小R的烦恼
  • 原文地址:https://www.cnblogs.com/jianjie/p/12354258.html
Copyright © 2011-2022 走看看