前提
新建一个文件夹 proxy
安装node、npm、express。
需要特别注意,在4.x版本的 express 安装时,需要安装 express 控制器
npm install -g express
npm install express-generator -g // 4.x
如果安装速度太慢,可以指定从淘宝镜像来装
npm install -g express –registry=https://registry.npm.taobao.org
重点
重点来了,安装完以后,新建 server.js
这时候的目录结构是这样的
将下面的代码写入 server,js
const express = require('express');
const path = require('path');
const request = require('request');
const app = express();
// 跨域请求的转发地址
let serverUrl='http://192.168.0.151:8080';
// 配置静态文件服务中间件,指定静态资源的地址,下面的 bootstrap 就是我的前端项目,路径可以是相对的,也可以是绝对的
app.use(express.static(path.join(__dirname, '../bootstrap')));
// 实现转发并返回接收的数据
app.use('/', function(req, res) {
let url = serverUrl + req.url;
req.pipe(request(url)).pipe(res);
});
app.listen(3000, function () {
console.log('your project is running at localhost:3000');
});
ok,代码写完了,打开 cmd 或者 terminal 或者 gitbash,进入到 proxy目录下,执行
node server.js
你会看到控制台打出了 ‘server is running at localhost:3000’
打开浏览器,输入 ‘localhost:3000’ 访问你的项目,默认看到的是 index.html,如果没有,需要你手动把项目首页输入地址栏就可以了。
另外:将 localhost 更换为你本机的 ip 地址,就可以让处在同一个局域网下的其他人查看你的项目,对于移动端项目,也可以在手机处在局域网下直接用手机访问,调试起来非常方便了。