首页 > 其他分享 >项目访问的端口是8018,但是真实接口地址是19080,导致访问这个地址http://9.6.237.104:8018/esb/microService/queryCurrentThirdDataIn

项目访问的端口是8018,但是真实接口地址是19080,导致访问这个地址http://9.6.237.104:8018/esb/microService/queryCurrentThirdDataIn

时间:2023-06-02 17:34:57浏览次数:44  
标签:http 跨域 应用程序 访问 地址 8018 237.104 9.6

这个问题是由于您的前端页面与后端应用程序的接口地址不在同一个域名下所引起的跨域请求。在浏览器中,出于安全考虑,通常不允许 JavaScript 从一个域名下访问另一个不同域名下的资源,这种行为被称为跨域请求(Cross-Origin Resource Sharing, CORS)。
有一些方法可以解决跨域问题,下面是其中的几种方法:

使用代理

您可以使用反向代理服务器将前端应用和后端应用合并到同一域名下,然后使用代理来访问后端应用程序。通过这种方法,所有的请求将发送到同一域名下,从而避免了跨域问题。
例如,您可以使用 Nginx 反向代理服务器将请求转发到后端应用程序的地址,如下所示:
location /esb {
proxy_pass http://9.6.237.104:19080;
}

在上面的例子中,当前端应用发送请求到 /esb 目录时,Nginx 将请求转发到 http://9.6.237.104:19080 上,这样就可以避免跨域问题。

修改后端应用程序

如果您有权限修改后端应用程序的代码,可以在 API 接口中设置 Access-Control-Allow-Origin 头,来允许特定的跨域访问。
例如,您可以在后端应用程序中设置以下代码:
app.use((req, res, next) => {
res.setHeader('Access-Control-Allow-Origin', 'http://9.6.237.104:8018');
// 其他设置
next();
});

在上面的例子中,我们设置了 Access-Control-Allow-Origin 头来允许来自 http://9.6.237.104:8018 的跨域访问。

JSONP

JSONP 是一种使用 <script> 标签加载跨域 JavaScript 的技术。通过 JSONP,可以利用浏览器对 <script> 标签的跨域支持,来发送跨域请求并获取响应数据。不过需要注意的是,JSONP 的功能仅限于获取数据,无法发送 POST 请求等操作。
例如,以下示例代码:
function jsonp(url, callback) {
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = url + '&callback=' + callback;
document.head.appendChild(script);
}

function processData(data) {
// 处理返回的数据
}

jsonp('http://9.6.237.104:19080/esb/microService/queryCurrentThirdDataInfo', 'processData')

在上面的代码中,我们使用 jsonp() 函数来发送 JSONP 请求,并在回调函数中处理响应数据。要注意的是,在 JSONP 请求中需要将回调函数的名称作为参数传递给后端应用程序,这样后端应用程序将在响应中返回一个 JavaScript 函数,来执行回调函数并传递响应数据。
总之,以上是一些解决跨域问题的方法,具体选用哪种方法需要根据实际情况进行选择。

标签:http,跨域,应用程序,访问,地址,8018,237.104,9.6
From: https://www.cnblogs.com/1998Archer/p/17452437.html

相关文章

  • 【解决方法】锐捷路由器配置IP地址,如RSR路由器
    环境:工具:锐捷EVE,VMwareWorkstationPro远程工具:SecureCRT系统版本:Windows10问题描述:描述:在进入锐捷路由器接口配置IP地址时,没有添加ip地址的命令。提示:若按照教程还是无法完成操作,可以进入右侧的企鹅,找我看看。解决方法-视频与文字教程:视频教程:文字教程:1.......
  • ATT&CK v13版本战术介绍——凭证访问(一)
    一、引言在前几期文章中我们介绍了ATT&CK中侦察、资源开发、初始访问、执行、持久化、提权、防御规避战术,本期我们为大家介绍ATT&CK14项战术中凭证访问战术第1-6种子技术,后续会介绍凭证访问其他子技术,敬请关注。二、ATT&CKv13简介MITREATT&CK是一个全球可访问的基于现实世界观......
  • LangChain入门(一)访问LLM模型
    GitHub-liaokongVFX/LangChain-Chinese-Getting-Started-Guide:LangChain的中文入门教程LangChain的中文入门教程.ContributetoliaokongVFX/LangChain-Chinese-Getting-Started-GuidedevelopmentbycreatinganaccountonGitHub.https://github.com/liaokongVFX/LangCh......
  • python 中json数据可以以类似数组的方法访问 print(j["age"]["nian"])
    使用Python处理Json数据-猫坚果NutCat-博客园(cnblogs.com)JSON模组的常用方法load/loads:把JSON转换为Python#somejsonsomebody_info='{"name":"WenjieYe","age":75,"nationality":"China"}'#parse......
  • 宿主机访问虚拟机ubuntu系统报502错误 | 代理问题
    报错502这里可以发现远程访问的地址与访问的地址ip不一致才发现原来宿主机不能够开代理,否则就访问不了虚拟机里的项目地址,即使能够互相ping通!......
  • 考古笔记11:网络地址转换NAT(3)-设定环节
    接续上一节的实验,本节将正式进入NAT的配置设定环节。本节内容是在上节内容的基础上进行的。拓扑-NAT实施前   至此,大家应该已经可以看到路由器端(也就是逻辑上的ISP维护端)已全部打通;      但是,这个时候我们会发下另一个问题:      PC1或者PC3(PC2因为在R1上未配置......
  • ESXI里多个存储,找到对应存储ISCSI的IP地址
    ESXI里多个存储,找到对应存储ISCSI的IP地址   存储→数据存储→点你想知道的存储名称,(lhISCSI)点进来后复制数据区0的一堆文字,这里是naa.600a098000b6280d000001d859092b40,分区1  到存储→适配器→配置iSCSI在静态目标里面找到600a098000b6280d对应的IP是192.168.1.......
  • 国产麒麟系统软件依赖包地址
    机器环境实例uname-aLinuxecs-40854.19.90-17.5.ky10.aarch64#1SMPFriAug713:35:33CST2020aarch64aarch64aarch64GNU/Linux麒麟v10官方apt源、rpm包下载地址https://update.cs2c.com.cn/NS/V10/V10SP1/os/adv/lic/base/aarch64/Packages/http://archive.kyli......
  • Windows11 访问WINOWS 2003 远程桌面提示 由于这台计算机没有远程桌面客户端许可证,远
    今天遇到,,Windows11访问WINOWS2003远程桌面 提示如下,解决方法在提示由于由于这台计算机没有远程桌面客户端许可证,远程会话连接己断开的计算机上,  打开注册表regedit计算机\HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\MSLicensing\Store\ 选中LICENSE000,将其删除 ......
  • IP 地址与子网掩码概念、关系图解
    一、IP地址的概念1、IP地址组成IP地址源于Internet,是一种层次结构的地址,适合于众多的互联网。Internet中每一台主机至少有一个IP地址,且这个IP地址必须是全网唯一的。一个IP地址标识一个网络和与此网络相连的一台主机。IP地址由4个字节32位二进制数组成,使用点分十进制数表示......