node解决跨域问题和原生XMLHttpRequest()的使用

最新推荐文章于 2024-12-15 09:20:03 发布

都来我家吃饭

最新推荐文章于 2024-12-15 09:20:03 发布

阅读量2.1k

点赞数

文章标签： node.js javascript

本文链接：https://blog.csdn.net/qq_42375485/article/details/123762374

版权

本文探讨了在前端AJAX请求遇到跨域问题时，如何利用Node.js进行解决，通过在router中设置请求头来允许跨域。同时，文章介绍了原生JavaScript中的XMLHttpRequest对象的使用方法，讲解如何利用它从后端获取数据。

摘要由CSDN通过智能技术生成

问题1：前端向后端发起一个AJAX请求出现跨域问题。

解决如下：

在router下挂载一个请求头，来解决跨域的问题

router.all('/*', function (req, res, next) {
    // 跨域处理
    res.header("Access-Control-Allow-Origin", "*");
    res.header("Access-Control-Allow-Headers", "X-Requested-With");
    res.header("Access-Control-Allow-Methods", "PUT,POST,GET,DELETE,OPTIONS");
    res.header("X-Powered-By", ' 3.2.1');
    res.header("Content-Type", "application/json;charset=utf-8");
    next(); // 执行下一个路由
})

问题2：如何使用XMLHttpRequest()，来获取后端的数据

// 　第一步：创建XMLHttpRequest对象
        const xhr = new XMLHttpRequest()
        //    第二步：向服务器发送请求
        xhr.open('GET', 'url')
        xhr.send()
        // 使用 onreadystatechange 事件监听状态变化，并获取服务器响应
        xhr.o