• 服务器代理


    nodejs中完成反向代理实现

    安装反向代理的模块

    cnpm i http-proxy-middleware -S

    node程序完成代理编码

    const express = require('express')
    const httpProxyMiddleware = require('http-proxy-middleware')
    const router = express.Router()
    // 服务器代理 --接口中间层 代理层
    router.use('/api'.httpProxyMiddleware.createProxyMiddleware.createProxyMiddleware)({
        // 代理目标地址
        target: 'http://localhost',
        // 默认false不修改 修改代理请求时它的主机名称
        changeOrigin: true,
        // 规则匹配
        pathRewrite: {
            // 访问路劲 映射到目标服务器中的路径
            // http://localhost:3000/v1/api/a.php ==>http://localhost/a.php 
            // 可以写多个规则
            '^/v1/api/aa/bb': '/',
            '^/v1/api' : '/'
        }
    })

    vue中实现开发环境的时的反向代理进行跨域解决,在项目根目录下面创建一个vue.config.js文件,写下如下代码

    //  webpack配置 --- 代理 开发环境时,最常用的
    // commonJs模块化
    module.exports = {
        // 指定服务器模块
        devServer: {
            // 代理
            proxy: {
                '/api': {
                    // 目标接口地址
                    target:'http://localhost:9000',
                    // 请求的主机名和目录地址主机一致 host
                    changeOrigin: true,
                    // 如果axios请求的uri和目标接口uri不一致时才需要正则来映射
                    pathRewrite:{
                        // axios中的写的uri前缀 服务器端的请求uri地址
                        '^/api':'/v1/api'
                    }
                }
            }
        }
    }
    右侧打赏一下 代码改变世界一块二块也是爱
  • 相关阅读:
    二叉排序树的建立_查找_插入_删除
    java学习书籍推荐
    Java之路——敬JAVA初学者(作者:MoMo)
    结构体的定义及应用
    java获取缓存通用类
    金额转换为自定义字符串
    WebApi接入Swagger
    webApi的控制台服务
    自动生成缓存Key值的CacheKeyHelper
    DictionaryHelper2
  • 原文地址:https://www.cnblogs.com/ht955/p/14283667.html
Copyright © 2020-2023  润新知