使用express代理获取第三方数据

最新推荐文章于 2025-05-12 22:41:57 发布

原创最新推荐文章于 2025-05-12 22:41:57 发布 · 1.5k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #开发语言

博客介绍了使用命令行创建express项目umi3 - proxy，自动生成文件夹并运行。阐述了解决跨域问题，通过安装cors并在app.js引用调用。还提及加代理转发数据，安装http - proxy - middleware包并配置。最后指出部分网站有防爬措施，请求headers需携带access - token等。

使用express代理获取第三方数据

命令行

express --no-view --git umi3-proxy

新文件夹

终端输入命令之后，会自动生成一个umi3-proxy文件夹，它属于一个express项目，是独立的，用来代理目标服务器，，使用yarn 安装依赖，然后yarn start把它跑起来，默认3000端口。
在这里插入图片描述

解决跨域

yarn add cors
在app.js里引用cors，然后调用它

var cors = require('cors')
......
app.use(cors())

配置好后可以尝试在前端项目里调/users这个接口，返回respond with a resource，就说明跨域问题解决好了。

加代理去转发拿数据

npm 里面有一个包http-proxy-middleware
在这里插入图片描述
yarn add http-proxy-middleware在项目里装这个包。
然后在app.js里加两行配置

var cors = require('cors')
const { createProxyMiddleware } = require('http-proxy-middleware');
......
app.use(cors())
app.use(
    '/前缀', 
    createProxyMiddleware({ 
        target: '目标网站', 
        changeOrigin: true,
        pathRewrite:{
            '/前缀':''
        }
    })
        );