本地开发代理、解决跨域、虚拟域名

概述

虚拟本地域名：

1、host 做map映射，注意端口号

2、charles、fiddler代理虚拟域名

常见本地开发解决代理方案三种：

1、chrome extensions 扩展程序（cors..）

2、node、nginx等代理(本地服务代理）

3、charles、fiddler（三方工具代理）

chrome扩展程序

通过安装chrome extensions 实现跨域访问，apizza、yapi在线api管理工具也是此方式

常见的extensions ：eg:cors

node代理

中间件http-proxy-middleware代理，example：

const express = require('express');
const app = express();
const {createProxyMiddleware} = require('http-proxy-middleware');

const proxy = {
     target: 'http://localhost:3001',
     changeOrigin: true,
     pathRewrite:{
       '/api':''
     }
}
app.use('/static', express.static(__dirname + '/public'));
app.use('/api',createProxyMiddleware(proxy))
app.get('/', function(req, res){
    res.send('hello world!');
});
app.listen(3000);

charles代理

https 一定要注意证书是否安装正确

proxy ->window proxy

tools -> map remote  设置代理转发