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

概述

虚拟本地域名：

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 设置代理转发

本地开发代理、解决跨域、虚拟域名相关推荐

vue-webpack项目本地开发环境设置代理解决跨域问题
vue-webpack项目本地开发环境设置代理解决跨域问题参考文章: (1)vue-webpack项目本地开发环境设置代理解决跨域问题 (2)https://www.cnblogs.com/xyyt ...
nginx反向代理解决跨域问题，使本地调试更方便
nginx反向代理解决跨域问题,使本地调试更方便参考文章: (1)nginx反向代理解决跨域问题,使本地调试更方便 (2)https://www.cnblogs.com/gwf93/p/102951 ...
vue2项目复习01-关闭elint检校，src文件别名，路由传参的对象写法，代理解决跨域问题，nprogress，vuex状态管理库，store的模块式开发，节流与防抖，编程式导航+事件委托路由跳转
1.关闭elint语法校验创建vue.config.js //关闭elint语法校验 {lintOnSave:false; } 2.src文件夹配置别名 jsconfig.json配置别名 @代表s ...
vue反向代理解决跨域及部署nginx端口转发解决跨域
1. 前言本文是为了解决vue反向代理解决跨域及部署服务器nginx端口转发解决跨域,因为踩了不少的坑,百度了很多,也试了太多的方法,最终得以解决,所以记录一下,希望遇到同样问题的友友们可以高效的解 ...
通过nginx反向代理解决跨域
先写一个发送跨域请求的页面index.html <html> <head><title></title> </head> <body& ...
Nginx 方向代理解决跨域问题-2
概述在浏览器端进行 Ajax 请求时会出现跨域问题,那么什么是跨域,如何解决跨域呢?先看浏览器端出现跨域问题的现象,如下图所示什么是跨域问题? 跨域,指的是浏览器不能执行其他网站的脚本.它是由浏览 ...
nginx正向代理解决跨域问题
原理为了更好的理解nginx解决跨域的原理,首先来了解一下跨域是怎么样产生的. 因为浏览器的同源政策,就会产生跨域.比如说发送的异步请求是不同的两个源,就比如是不同的的两个端口或者不同的两个协议或者 ...
使用反向代理解决跨域问题
在项目根目录下新建一个webpack的配置文件:vue.config.js. 跨域问题的解决必须在vue.config.js文件中进行配置书写. 代码内容如下 module.exports={devS ...
【react】使用代理解决跨域问题
[react]使用代理解决跨域问题参考文章: (1)[react]使用代理解决跨域问题 (2)https://www.cnblogs.com/guanpingping/p/10344197.html ...
reactjs脚手架配置http-proxy-middleware代理解决跨域问题
reactjs脚手架配置http-proxy-middleware代理解决跨域问题

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

概述

chrome扩展程序

node代理

charles代理

本地开发代理、解决跨域、虚拟域名相关推荐

最新文章

热门文章