proxy代理的配置

代理的配置3天2头就会忘，赶紧整理一下大佬们的理解，成为自己的东西

1、介绍

这里的vue代理是 vue静态服务器做代理。使用的是 http-proxy-middleware 这个模块（这个模块相当于是node.js的一个插件）。

2、实际代码

 //vue-cli3.0 里面的 vue.config.js做配置
devServer: {proxy: {'/rng': {     //这里最好有一个 /target: 'http://45.105.124.130:8081',  // 后台接口域名ws: true,        //如果要代理 websockets，配置这个参数secure: false,  // 如果是https接口，需要配置这个参数changeOrigin: true,  //是否跨域pathRewrite:{'^/rng':''}}}}

我的 api=’/rng’
我的请求地址 ${api}/xxxx/xxx ，请求地址就为 ‘/rng/xxxx/xxx’
当node服务器遇到以 ‘/rng’ 开头的请求，就会把 target 字段加上，那么我的请求地址就为 - http://45.105.124.130:8081/rng/xxxx/xxx
下面的 pathRewrite 表示的意思是把/rng 替换为空，那么我的请求地址就为 http://45.105.124.130:8081/xxxx/xxx（用在如果你的实际请求地址没有 rng 的情况）

作者：xilong
链接：https://www.jianshu.com/p/5ef2b17f9b25
来源：简书

proxy代理的配置相关推荐

代理proxy网络代理自动发现wpad代理自动配置pac三个概念解析
这里使用代理不是目的,抓包和修改请求和响应数据才是目的,使用代理只是为了实现抓包这个目的. 无代理模式数据直来直往,浏览还可以通过devtools查看到接口的请求和响应数据,但是客户端无法查看和修改 ...
vue-cli、脚手架创建、eslint、alias别名配置、proxy代理配置、axios、scoped、穿透、媒体查询、12栅格、动态rem、1px边框、移动端事件、300ms延迟问题（六）
vue-cli的使用现在使用前端工程化开发项目是主流的趋势,也就是说,我们需要使用一些工具来搭建vue的开发环境.一般情况下我们都会选择使用webpack进行项目的构建,在这里我们直接使用vue官方 ...
webpack的proxy代理配置
webpack的proxy代理配置在实际项目中不可避免会遇到跨越问题,webpack中的proxy就是解决前端跨域的方法之一. 跨越问题:协议.域名.端口三者只要有一个与服务端的不一致,就会报跨域 ...
axios请求与proxy代理配置
如果是不考虑跨域问题,那么请求后台数据使用的就是该路径.但是根据同源策略,3000端口(前端页面端口)无法访问5000端口(后台数据端口),此时就需要使用proxy代理配置了. /** * 获取所有的 ...
proxy代理的使用（解决跨域，配置多个代理）
proxy代理的使用(解决跨域,配置多个代理) 一.什么是代理字面意思就是类似中间商,开启代理,原理就是在本地创建一个虚拟服务器,发送请求数据,同时接受请求的数据, 利用服务器与服务器间,交互,不会 ...
vue.config.js配置proxy代理解决跨越；proxy代理报404；
像我们本地的vue项目运行起来,访问的地址一般是localhost,这个时候请求后台的接口,端口号也不一致,肯定就会存在跨域问题,所以我们要是想正常访问接口的话,就需要解决掉跨域问题. 本文我们是在v ...
vue-cli 3.0之跨域请求devServer proxy代理配置
vue-cli 3.0之跨域请求devServer proxy代理配置当我们的前端服务和后端服务不同源即协议不同,端口不同,域名不同时,就会出现跨域的问题. 通过配置devServer.proxy就 ...
zabbix专题：第十二章 zabbix proxy分布式监控配置
zabbix专题:第十一章 zabbix proxy分布式监控配置对Linux有兴趣的朋友加入QQ群:476794643 在线交流本文防盗链:http://zhang789 ...
【转】Nginx服务器的反向代理proxy_pass配置方法讲解
[转]Nginx服务器的反向代理proxy_pass配置方法讲解转自:http://www.jb51.net/article/78746.htm 就普通的反向代理来讲 Nginx的配置还是比较简单的 ...

proxy代理的配置

1、介绍

2、实际代码

proxy代理的配置相关推荐

最新文章

热门文章