脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → 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如何实现在浏览器预览项目的所有图片详解

    Node如何实现在浏览器预览项目的所有图片详解

    最近项目遇到了个需求,需要将存放图片进行预览,所以这篇文章主要给大家介绍了关于Node如何实现在浏览器预览项目的所有图片的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2023-01-01
  • 详解nodeJs文件系统（fs）与流（stream）

    详解nodeJs文件系统（fs）与流（stream）

    这篇文章主要介绍了详解nodeJs文件系统（fs）与流（stream），小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2018-01-01
  • M2实现Nodejs项目自动部署的方法步骤

    M2实现Nodejs项目自动部署的方法步骤

    这篇文章主要介绍了M2实现Nodejs项目自动部署的方法步骤，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2019-05-05
  • 详解nodejs中的process进程

    详解nodejs中的process进程

    这篇文章主要介绍了nodejs中的process进程，非常不错，具有参考借鉴价值，需要的朋友参考下
    2017-03-03
  • express结合nodejs开启服务示例模版

    express结合nodejs开启服务示例模版

    这篇文章主要为大家展现了express结合nodejs开启服务的代码示例模版，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步早日升职加薪
    2022-04-04
  • 教你用Node.js与Express建立一个GraphQL服务器

    教你用Node.js与Express建立一个GraphQL服务器

    GraphQL是一种通过强类型查询语言构建api的新方法,下面这篇文章主要给大家介绍了关于用Node.js与Express建立一个GraphQL服务器的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-12-12
  • 详解NodeJs开发微信公众号

    详解NodeJs开发微信公众号

    本篇文章给大家分享了NodeJs开发微信公众号的相关技术内容，对此有需要的朋友们可以跟着学习参考下。
    2018-05-05
  • 解析Node.js异常处理中domain模块的使用方法

    解析Node.js异常处理中domain模块的使用方法

    这篇文章主要介绍了Node.js异常处理中domain模块的使用方法,文中最后提到了内存泄漏的相关问题,值得注意,需要的朋友可以参考下
    2016-02-02
  • Nodejs基于LRU算法实现的缓存处理操作示例

    Nodejs基于LRU算法实现的缓存处理操作示例

    这篇文章主要介绍了Nodejs基于LRU算法实现的缓存处理操作,结合具体实例形式分析了LRU算法的原理、功能以及nodejs使用LRU算法实现缓存处理操作的相关实现技巧,需要的朋友可以参考下
    2017-03-03
  • 使用express搭建一个简单的查询服务器的方法

    使用express搭建一个简单的查询服务器的方法

    本篇文章主要介绍了使用express搭建一个简单的查询服务器的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2018-02-02

最新评论