首页 > 其他分享 >若依平台增加对第三方ip请求配置

若依平台增加对第三方ip请求配置

时间:2024-08-27 10:37:44浏览次数:11  
标签:http contractTool ip 若依 api file true 第三方

1.使用的是vue3若依管理平台,部署到测试环境后,

我的测试环境ip:http://42.194.232.89:8569/

在页面中,需要请求另一个ip:http://134.175.80.213:8505/

本地代理是生效的,部署到测试环境请求报错405,被拦截了,如图

 

这时候要修改nginx配置:

对这个ip增加一个loaction:例如加一个路径 /contractTool/

 

     location /contractTool/ {
           proxy_pass http://134.175.80.213:8505/ ;
     }

 

2. 对应前端vue.config.js修改代理:/contractTool/

// vite 相关配置
server: {
    port: 8366,
    host: true,
    open: false,
    proxy: {
        '/dev-api': {
            target: 'http://42.194.232.89:8569',
            changeOrigin: true,
            // rewrite: (p) => p.replace(/^\/dev-api/, ''),
        },
        '/contractTool/': {
            target: 'http://134.175.80.213:8505/',
            changeOrigin: true,
            rewrite: (p) => p.replace(/^\/contractTool\//, ''),
        },
        '/prod-api': {
            target: 'http://175.178.195.12:8166',
            changeOrigin: true,
            rewrite: (p) => p.replace(/^\/prod-api/, ''),
        },
    },
},

页面中调用接口:

export const uploadAll = async (file) => {
    const formData = new FormData();
    if (file) formData.append('files', (file?.[0].name, file?.[0].raw));
    try {
        const result = await axios.post(
            '/contractTool/',
            formData,

            {
                headers: {
                    Authorization: `Bearer ${apiKey}`,
                    'Content-Type': 'multipart/form-data',
                },
            },
        );
        // 文件上传后 转换的文本
        return JSON.stringify(result.data);
    } catch (error) {
        console.error('请求错误:', error);
    } finally {
    }
};

此问题解决。

 

标签:http,contractTool,ip,若依,api,file,true,第三方
From: https://www.cnblogs.com/shyhuahua/p/18382186

相关文章

  • 网络通信和TCP/IP协议详解
    目录网络协议一、计算机网络是什么?定义和分类计算机网络发展简史二、计算机网络体系结构OSI七层模型TCP/IP模型TCP/IP协议族IP、TCP和UDPTCP/IP网络传输中的数据地址和端口号MAC地址IP地址端口号综述三、TCP特性TCP三次握手为什么TCP握手需要三......
  • JavaScript 的事件循环、宏任务、微任务
    JavaScrtipt执行顺序首先,必须要明确,在JavaScript中,所有任务都在主线程上执行。任务执行过程分为同步任务和异步任务两个阶段。异步任务的处理经历两个主要阶段:EventTable(事件表)和EventQueue(事件队列)。EventTable存储了宏任务的相关信息,包括事件监听和相应的回调函数。当特定......
  • javascript怎么实现链表?
    在JavaScript中实现链表通常涉及定义一个链表节点类(通常称为ListNode)和一个链表类(例如LinkedList),然后在这个链表类中实现各种操作链表的方法,如添加节点、删除节点、遍历链表等。以下是使用JavaScript实现单向链表的一个基本示例:链表节点类(ListNode)首先,我们定义一个链表节点......
  • 固定IP的特点应用应用
    固定IP地址是指在互联网上分配给某个设备或服务器的静态IP地址,它不会像动态IP地址那样随时间或连接变化而改变。固定IP地址有以下几个主要作用:1.**稳定性**:由于IP地址不变,它为服务器或设备提供了一种稳定的网络连接方式,这对于需要持续访问的服务非常重要。2.**安全性**:固定......
  • 搭建多协议的串口服务器流程:RS-232、RS-485和TCP/IP、MQTT网络协议(代码示例)
    一、项目概述在物联网(IoT)和自动化控制的快速发展中,串口通信作为一种经典的通信方式,依然发挥着重要作用。本项目旨在构建一个支持多种协议的串口服务器,能够通过串口接收和发送数据,并通过网络协议(如TCP/IP、MQTT等)与其他设备和系统进行交互。项目的目标和用途本项目的目标......
  • 【JavaScript】String常用方法
    String的常用方法长度s.length拼接字符串s.concat('内容','可拼接多个'),或者使用+号链接符,返回一个新字符串位置查找字符串方法;返回字符​查找某位置上的字符s.charAt(下标)返回该下标位置上的字符,未找到返回空白​返回某位置上的字符s[下标](只读,不能赋值),不支......
  • JavaScript 对象访问器
    JavaScript访问器(Getter和Setter)Getter和Setter允许您定义对象访问器(被计算的属性)。<!DOCTYPEhtml><htmllang="en"><body><pid="demo"></p><script>constperson={nama:"DianDi......
  • [javascript] 使用 puppeteer 包模拟 chrome 自动化
    npmipuppeteerconstpuppeteer=require('puppeteer');functionsleep(ms){returnnewPromise(resolve=>setTimeout(resolve,ms));}asyncfunctionrun(){constbrowser=awaitpuppeteer.launch({headless:false,args:['--st......
  • 冷知识:如何将多播 IP 地址转换为多播 MAC 地址?
    在现代网络通信中,数据传输不再局限于一对一的通信模型。随着技术的不断发展,越来越多的应用场景需要支持一对多的通信模式,例如视频流媒体、在线游戏和内容分发网络(CDN)等。这些应用要求数据能够从一个源设备有效地传输到多个目的设备,而不增加网络的负担。这种情况下,多播通信就......
  • 镜像的迁移、镜像的创建、使用docker查看ip、端口映射、容器持久化
    一、镜像的迁移打包镜像dockersave-o文件名称镜像名:标签#查看帮助命令 [root@docker~]#docker--help #查看save打包用法 [root@docker~]#docker save--help #查看原有镜像 [root@docker~]#dockerimages #将镜像打包 [root@docker~]#docke......