摘要:前端获取数据时经常遇见跨域问题,以前一直用做反向代理。最近在用,发现的代理简单好用。于是仿照写了一个简单的服务器,用于非的项目。交流学习圈交流学习圈
前端获取数据时经常遇见跨域问题,以前一直用nginx做反向代理。最近在用vuejs,发现webpack-dev-server的代理简单好用。于是仿照写了一个简单的web服务器,用于非webpack的项目。
1 const request = require("request"); 2 const express = require("express"); 3 const path = require("path"); 4 5 const app = express(); 6 7 const proxyTable = { 8 "/wcf": { 9 target: " 10 } 11 };交流学习圈582735936 12 13 app.use(function(req, res,next) { 14 const url = req.url; 15 if (req.method == "OPTIONS") { 16 console.log("options_url: ", url); 17 18 // res.header("Access-Control-Allow-Origin", req.headers.origin || "*"); 19 // res.header("Access-Control-Allow-Headers", "Content-Type, Authorization, X-Requested-With"); 20 // res.header("Access-Control-Allow-Methods", "PUT,POST,GET,DELETE,OPTIONS"); 21 22 // res.header("Access-Control-Allow-Credentials", true); 23 24 res.status(200).send("OK"); 25 return; 26 } 27 28 // console.log("req_url: ", url); 29 next(); 30 }); 31 32 33 app.use(express.static(path.join(__dirname, "static"))); 34 35 app.use("/", function(req, res) { 36 const url = req.url; 37 const proxy = Object.keys(proxyTable); 38 let not_found = true; 39 for (let index = 0; index < proxy.length; index++) { 40 const k = proxy[index]; 41 const i = url.indexOf(k); 42 if (i >= 0) { 43 not_found = false; 44 const element = proxyTable[k]; 45 const newUrl = element.target + url.slice(i+k.length); 46 req.pipe(request({url: newUrl, timeout: 60000},(err)=>{ 47 if(err){ 48 console.log("error_url: ", err.code,url); 49 res.status(500).send(""); 50 } 51 })).pipe(res); 52 break; 53 } 54 }交流学习圈582735936 55 if(not_found) { 56 console.log("not_found_url: ", url); 57 res.status(404).send("Not found"); 58 } else { 59 console.log("proxy_url: ", url); 60 } 61 }); 62 63 const PORT = 8080; 64 app.listen(PORT, () => { 65 console.log 66 });
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/40236.html
摘要:前端获取数据时经常遇见跨域问题,以前一直用做反向代理。最近在用,发现的代理简单好用。于是仿照写了一个简单的服务器,用于非的项目。交流学习圈交流学习圈 前端获取数据时经常遇见跨域问题,以前一直用nginx做反向代理。最近在用vuejs,发现webpack-dev-server的代理简单好用。于是仿照写了一个简单的web服务器,用于非webpack的项目。 1 const request ...
摘要:安装环境是运行在服务端的,基于引擎建立的平台下载并安装下载最新的稳定版到本地这是当前发布文章时最新的稳定版本下载完后,将其解压将解压的目录移动到目录下配置软连接到目录配置和使用配置是的包管理和分发工具。 1、安装node.js环境 node.js是运行在服务端的JavaScript,基于Chrome JavaScript V8引擎建立的平台、 下载并安装node.js下载最新的稳定版v...
摘要:的官方下载地址点我进入的官方下载地址下载电脑系统对应文件,然后进行安装,安装成功之后通过命令行工具进入安装目录。注系统命令行工具通过开始菜单输入打开,系统为终端。 showImg(https://segmentfault.com/img/bVPL6q?w=200&h=200); Vue — 渐进式 JavaScript 框架 介绍 Vue.js 是什么 vue.js 是一套构建用户界面...
摘要:的官方下载地址点我进入的官方下载地址下载电脑系统对应文件,然后进行安装,安装成功之后通过命令行工具进入安装目录。注系统命令行工具通过开始菜单输入打开,系统为终端。 showImg(https://segmentfault.com/img/bVPL6q?w=200&h=200); Vue — 渐进式 JavaScript 框架 介绍 Vue.js 是什么 vue.js 是一套构建用户界面...
阅读 3455·2021-09-08 09:36
阅读 2532·2019-08-30 15:54
阅读 2344·2019-08-30 15:54
阅读 1760·2019-08-30 15:44
阅读 2377·2019-08-26 14:04
阅读 2436·2019-08-26 14:01
阅读 2869·2019-08-26 13:58
阅读 1315·2019-08-26 13:47