脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → node.js → Node http-proxy-middleware代理跨域

Node中使用http-proxy-middleware实现代理跨域的方法步骤

 更新时间：2021年11月15日 10:02:08   作者：lihefei_coder  
本文主要介绍了Node中使用http-proxy-middleware实现代理跨域的方法步骤，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

1.安装代理模块

cnpm i http-proxy-middleware -S

2.配置代理

const express = require('express');
const app = express();

/* 代理配置 start */
const proxy = require('http-proxy-middleware'); //引入代理模块
const proxyOptions = {
    target: 'http://127.0.0.1:9999', //后端服务器地址
    changeOrigin: true //处理跨域
};
const exampleProxy = proxy('/api/*', proxyOptions); //api前缀的请求都走代理
app.use(exampleProxy);
/* 代理配置 end */

const hostName = '127.0.0.1';
const port = 8080;

app.get('/', function(req, res) {

    
    const html =
    `<!DOCTYPE html>
 <html lang="en">
     <head>
         <meta charset="UTF-8" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
         <meta http-equiv="X-UA-Compatible" content="ie=edge" />
         <title>Document</title>
     </head>
     <body>
         <button id="btn1">请求服务器接口1</button>
         <button id="btn2">请求服务器接口2</button>
         <script src="https://cdn.bootcss.com/axios/0.19.0/axios.min.js"></script>
         <script>
             document.getElementById('btn1').addEventListener(
                 'click',
                 () => {
                     axios.get('/api/hello', {
                         params: {
                             key: 'hello'
                         }
                     });
                 },
                 false
             );
 
             document.getElementById('btn2').addEventListener(
                 'click',
                 () => {
                     axios.get('/api/word', {
                         params: {
                             key: 'word'
                         }
                     });
                 },
                 false
             );
         </script>
     </body>
 </html>`;

    res.setHeader('Content-Type', 'text/html');
    res.send(html);
});


app.listen(port, hostName, function() {

    console.log(`服务器运行在http://${hostName}:${port}`);

});

到此这篇关于Node中使用http-proxy-middleware实现代理跨域的方法步骤的文章就介绍到这了,更多相关Node http-proxy-middleware代理跨域内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

相关文章

  • Node.js console控制台简单用法分析

    Node.js console控制台简单用法分析

    这篇文章主要介绍了Node.js console控制台简单用法,结合实例形式分析了nodejs console控制台功能、常见函数与简单使用技巧,需要的朋友可以参考下
    2019-01-01
  • Node.js Sequelize如何实现数据库的读写分离

    Node.js Sequelize如何实现数据库的读写分离

    Sequelize是一个易于使用，支持多SQL方言(dialect)的对象-关系映射框架（ORM），这个库完全采用JavaScript开发并且能够用在Node.JS环境中。它当前支持MySQL, MariaDB, SQLite 和 PostgreSQL 数据库。在Node.js中，使用 Sequelize操作数据库时，同样支持读写分离。
    2016-10-10
  • node 使用 async 控制并发的方法

    node 使用 async 控制并发的方法

    这篇文章主要介绍了node 使用 async 控制并发的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2018-05-05
  • nodejs中request库使用HTTPS代理的方法

    nodejs中request库使用HTTPS代理的方法

    这篇文章主要介绍了nodejs中request库使用HTTPS代理的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2019-04-04
  • Node.js中的require.resolve方法使用简介

    Node.js中的require.resolve方法使用简介

    在Node.js中，可以使用require.resolve函数来查询某个模块文件的带有完整绝对路径的文件名，下面这篇文章主要介绍了Node.js中require.resolve方法使用的相关资料，需要的朋友可以参考借鉴，下面来一起看看吧。
    2017-04-04
  • node.js如何根据URL返回指定的图片详解

    node.js如何根据URL返回指定的图片详解

    这篇文章主要介绍了NODE.JS如何根据URL返回指定的图片详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2020-10-10
  • 详解nodejs 文本操作模块-fs模块（三）

    详解nodejs 文本操作模块-fs模块（三）

    本篇文章主要介绍了nodejs 文本操作模块-fs模块（三），详细的讲诉了readFile，和writeFile方法，具有一定的参考价值，有兴趣的可以了解一下。
    2016-12-12
  • npm的lock机制解析

    npm的lock机制解析

    这篇文章主要介绍了npm的lock机制解析，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2019-06-06
  • node-red教程之dashboard简介与输入型仪表板控件的使用

    node-red教程之dashboard简介与输入型仪表板控件的使用

    Node-red支持自定义节点，当然也就支持自定义图形化的节点。也有优秀的开发者把自己建立的图形化节点无偿分享。这里给出一个股票界面的例子，让大家看一看优秀的node-red界面能做到什么样子
    2022-01-01
  • 如何利用nodejs实现命令行游戏

    如何利用nodejs实现命令行游戏

    这篇文章主要给大家介绍了关于如何利用nodejs实现命令行游戏的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2020-11-11

最新评论