如何通过添加js脚本进行http代理

JavaScript0160

如何通过添加js脚本进行http代理,第1张

在Ajax应用程序中，XmlHttpRequest对象负责将用户信息以异步通信地发送到服务器端，并接收服务器返回的响应信息和数据。

XMLHttpRequest简介

XMLHttpRequest可以提供不重新加载页面的情况下更新网页，在页面加载后在客户端向服务器请求数据，在页面加载后在服务器端接受数据，在后台向客户端发送数据。XMLHttpRequest 对象提供了对 HTTP 协议的完全的访问，包括做出 POST 和 HEAD 请求以及普通的 GET 请求的能力。XMLHttpRequest 可以同步或异步返回 Web 服务器的响应，并且能以文本或者一个 DOM 文档形式返回内容。尽管名为 XMLHttpRequest，它并不限于和 XML 文档一起使用：它可以接收任何形式的文本文档。XMLHttpRequest 对象是名为 AJAX 的 Web 应用程序架构的一项关键功能。

XMLHttpRequest和Javascript

Javascript本身并未具备向服务器发送请求的能力，要么使用window.open()方法重新打开一个页面向服务器提交请求，要么使用XMLHttpRequest对象发送请求。不同的是，前者是普通的即同步交互模式，而后者是异步交互方式。

前端ui项目启动后，调用后端接口，报500，将接口在地址改为服务器的ip后验证后接口是正常的。

gateway 上部署了多个server，比如api-user ,api-auth ,api-iips

调用的api-iips接口需要通过网关gateway（172.16.101.224:9200）转发到api-iips server方可。

接口转发-需要将 http://localhost:8080/api-iips/infomation/list

转换成 http://172.16.101.224:9200/api-iips/infomation/list

故，用到了代理服务器

总结一句话就是：前端应用和后端 API 服务器没有运行在同一个主机上，你需要在开发环境下将 API 请求代理到 API 服务器。

vue.config。js中关于代理的具体配置如下图：

一个配置代理服务器的中间件，让Node.js代理变得简单。

更多相关内容 https://github.com/chimurai/http-proxy-middleware