目录
一:万变ip代理安装与加载命令
1:下载node.jsnpm init 初始化工程2:npm install 安装nodeModel包括,3:npm install --save-dev express-http-proxy3-1:npm install express复制代码二:准备好proxy.js(配置好端口和域名)
参考路径:blog.csdn.net/… 本地跨域
let express = require(express)var proxy = require(express-http-proxy);let app = express()// 浏览器与服务器有同源策略限制,服务器与服务器之间没有同源策略限制// 下面解决同源策略跨域问题,因为当前端口为3001,而前端请求端口为3000app.all(*, function(req, res, next) { //必须卸载app.get前面才有效 res.header("Access-Control-Allow-Origin", "*"); res.header("Access-Control-Allow-Headers", "Content-Type,Content-Length, Authorization, Accept,X-Requested-With"); res.header("Access-Control-Allow-Methods", "PUT,POST,GET,DELETE,OPTIONS"); res.header("X-Powered-By",3.2.1); if (req.method == "OPTIONS") { res.send(200); /*让options请求快速返回*/ } else { next(); }});// ‘proxy’表示所匹配到的url以 /proxy开头的都会由这里的中间层转发// :3001/proxy/api/search 前端请求pathname以/proxy开头所以会被这个中间层转发到目标urlapp.use(/, proxy( // 目标域名,只能写域名,不能带上pathname { proxyReqPathResolver: function(request) { console.log(request.baseUrl) // /proxy console.log(request.url) ///api/search return request.url // 目标数据的pathname,必须有 }, }));let server = app.listen(3001, function() { var port = server.address().port; console.log(服务开启成功端口号是: + port)})复制代码三:demo代码配置好.
<!-- * @Author: your name * @Date: 2020-01-03 17:17:34 * @LastEditTime : 2020-01-03 17:30:52 * @LastEditors : Please set LastEditors * @Description: In User Settings Edit * @FilePath: \fx\deom.html --><!DOCTYPE html><html><head> <title></title></head><body></body><script type="text/javascript" src="jquery-1.11.0.js"></script><script type="text/javascript"> $(function(argument) { let host_name = :3001; console.log() $.ajax({ url: host_name + /fxfront/interface/gethotregions?appid=APPID, type: post, data: {}, sucess: function(res) { console.log(res); } }) })</script></html>复制代码运行 node proxy.js运行
浏览器打开
phpStudy:虚拟机搭建****
【有利于手机调试开发,前提手机wifi和电脑同一个局域网】 由于上面的127.0.0.1:3001 是本地开发,为了方便手机调试 前提手机wifi和电脑同一个局域网 ,把这个本地的改成当前电脑的Ip.
vhosts文件****
<VirtualHost *:80>
DocumentRoot "E:\phpStudy\WWW\fx"
ServerName fx.com
Hosts文件****
## This is a sample HOSTS file used by Microsoft TCP/IP for Windows.## This file contains the mappings of IP addresses to host names. Each# entry should be kept on an individual line. The IP address should# be placed in the first column followed by the corresponding host name.# The IP address and the host name should be separated by at least one# space.## Additionally, comments (such as these) may be inserted on individual# lines or following the machine name denoted by a # symbol.## For example:## 102.54.94.97 rhino.acme.com # source server# 38.25.63.10 x.acme.com # x client host# localhost name resolution is handled within DNS itself.# 127.0.0.1 localhost# ::1 localhost127.0.0.1 fx.com复制代码Php服务器开启+开代理对接接口(综合)
后台人员本地+前端本地开发 全局域网可以访问
原文: