320 访问非同源数据 服务器端解决方案 

客户端client访问自己的服务器端A，
client自己的服务器端A访问别的服务器端B，
A将访问到的数据响应给自己的客户端client。

3000端口的客户端的代码

应该是这个代码

<!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:3000/server',
                success: function (data) {
                    console.log(data);
                }
            })
        };
    </script>
</body>

</html>

应该不是这个代码

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>

<body>
    <script type="text/javascript" src="/js/ajax.js"></script>
    <script type="text/javascript">
        console.log(111);
        ajax({
            // 客户端访问的还是自己的服务器
            url: 'http://localhost:3001/test',
            type: 'get',
            success: function(result) {
                console.log(result);
            }
        })
    </script>
</body>

</html>

3000端口的服务器端的代码

app.get('/server', (req, res) => {
    // 自己的服务器端访问端口号为3001的服务器
    request('http://localhost:3001/cross', (err, response, body) => {
        res.send(body);
    })
});

3001端口的服务器端的代码

app.get('/cross', (req, res) => {
    res.send('ok')
});

posted on 2020-02-24 10:05  冲啊！  阅读(288)  评论(0)  编辑  收藏  举报

导航