nodejs解决跨域问题

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了nodejs解决跨域问题，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1383字，纯文字阅读大概需要2分钟。

内容图文

跨域：我们在开发中从一个服务器访问另一个服务器时，只要url中有以下其中一个不一样时就会发生跨域问题，这是浏览器的安全机制造成的，也被成为同源问题

1. 协议不同
2. 域名不同
3. 端口号不同

如何解决这种问题呢，以下我们在nodejs中利用CORS来处理跨域问题

但我们用ajax去请求数据发生跨域时，用nodejs在后台写一个服务器代理

首先是ajax请求时先去访问我们服务器代理，而不是访问你的最终的目标地址

        $.post('服务器代理地址', {
          url:
            '目标地址',
        }).then(function(res) {
          console.log(res);//返回的数据
        });

然后在服务器代理中利用CORS解决跨域问题

//这个文件就是一个单独的专门用来做服务器代理解决跨域的，你只要运行这个文件将这个服务器打开就行了
//若遇到跨域访问获取数据时先访问这个服务器地址就行
const express = require("express");
const cors = require("cors");
const { get } = require("axios").default; //利用axois发送个网络请求
const app = express();
app.use(cors()); //就这一部就已经解决了跨域
//如果访问的是本地服务器，现在这步就相当于已经解决了跨域问题
//如果访问其他地址的服务器，那么此处就相当于一个服务器代理，解决跨域问题

app.use(express.json());
app.use(express.urlencoded());

//服务器的代理请求地址
app.post("/proxy", async(req, res) => {
    const result = await get(req.body.url); //这里相当于发了一个网络请求，这不存在跨域，就像你在浏览器中直接输入请求的地址一样
    res.json({
        code: 1,
        info: result.data,//axios请求的数据放在返回数据的data属性中
    });
});

app.listen(3003, () => {
    console.log("本地代理服务器运行在3003端口");
});

内容总结

以上是互联网集市为您收集整理的nodejs解决跨域问题全部内容，希望文章能够帮你解决nodejs解决跨域问题所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端