webpack-dev-server 本地代理proxy
proxy: [
{
context: ['/user', '/rights', '/resource/getAdNotice'],
target: 'https://plus.m.jd.com',
secure: false,
changeOrigin: true,
headers: {
cookie: domCookies
}
},
{
context: ['/apis'],
target: 'https://rsp.jd.com/',
secure: false,
changeOrigin: true,
pathRewrite: {'^/apis': ''},
headers: {
cookie: domCookies,
referer: 'https://plus.m.jd.com'
}
}
]
post请求:
proxy:{
'/user':{
target: 'https://plus.m.jd.com',
secure: false,
changeOrigin: true,
headers: {
cookie: domCookies
}
},
'/rights':{
target: 'https://plus.m.jd.com',
secure: false,
changeOrigin: true,
},
'/resource/getAdNotice':{
target: 'https://plus.m.jd.com',
secure: false,
changeOrigin: true,
},
'/apis':{
target: 'https://rsp.jd.com/',
secure: false,
ws: true,
changeOrigin: true,
pathRewrite: {'^/apis': ''},
headers: {
referer: 'https://plus.m.jd.com'
}
},
'/apipost': {
target: 'https://rsp.jd.com/',
secure: false,
changeOrigin: true,
ws: true,
pathRewrite: {'^/apipost': ''},
headers: {
origin: 'https://plus.m.jd.com',
host: 'rsp.jd.com',
referer: 'https://plus.m.jd.com/index'
}
}
}
化简为:
proxy: [
{
context: ['/user', '/rights', '/resource/getAdNotice'],
target: 'https://plus.m.jd.com',
secure: false,
changeOrigin: true,
},
{
context: ['/apis'],
target: 'https://rsp.jd.com/',
secure: false,
ws: true,
changeOrigin: true,
pathRewrite: {'^/apis': ''},
headers: {
origin: 'https://plus.m.jd.com',
host: 'rsp.jd.com',
referer: 'https://plus.m.jd.com/index'
}
}
]
核心思想,正式中的header中有啥,代理中写上啥。
设置环境变量
webpack-dev-server 本地代理proxy的更多相关文章
- 配置Webpack Dev Server 实战操作方法步骤
本文摘要:配置 Webpack Dev Server 可以解决本地开发前端应用时,手动执行 webpack 命令或 yarn build 命令,再去浏览器中访问 dist/index.html 的麻烦 ...
- 笔记:配置 webpack dev server
笔记:配置 webpack dev server 安装 webpack-dev-server 组件 配置 webpack.config.js 配置 增加 html-webpack-plugin 组件 ...
- [Webpack] Access Webpack Dev Server from Mobile Safari on an iPhone
Testing your sites on mobile devices is a critical part of the development process. Webpack dev serv ...
- webpack dev server 和 sublime text 配合时需要注意的地方
参考:https://webpack.js.org/guides/development/ Adjusting Your Text Editor Some text editors have a &q ...
- webpack dev server 配置 启动项目报错Error: listen EADDRINUSE
Error: listen EADDRINUSE 0.0.0.0:5601 它的意思是,端口5601被其他进程占用. 切换端口即可解决问题
- Webpack代理proxy配置,解决本地跨域调试问题,同时允许绑定host域名调试
Webpack代理proxy配置,解决本地跨域调试问题,同时允许绑定host域名调试 会撸码的小马 关注 2018.05.29 17:30* 字数 212 阅读 1488评论 0喜欢 2 接到上一章, ...
- vue-cli 3.0版本,配置代理Proxy,不同环境不同target(生产环境,uat环境和本地环境的配置)
1.在项目的的根目录下新建vue.config.js 2.新建一个config包,里面存放不同的环境文件,里面包含:pro.env.js(生产环境配置),uat.env.js(测试环境配置),dev. ...
- Vue.js如何搭建本地dev server和json-server 模拟请求服务器
前言:vue-cli(版本更新),由原来的2.8.1升级为2.9.1.主要改变是原来在build文件夹下的dev-server.js删掉了,增加了webpack.dev.conf.js. 所以这次讲的 ...
- webpack 4 & dev server
webpack 4 & dev server proxy https://webpack.js.org/configuration/dev-server/#devserverproxy htt ...
随机推荐
- 【Maven学习】定制库到Maven本地资源库
目标:手工操作将一个jar安装到本地仓库 第一步:首先获取到jar包,可以是第三方的 也可以是自己创建的,放到本地任意目录 比如:joda-time-2.10.3,放到C:\jar\ 目录下面 第二 ...
- 解决vue项目在ie浏览器缓存问题。
ie浏览器一直是程序员的噩梦.项目在谷歌浏览器上完美运行.在ie浏览器上,缓存问题真心恶心.后台查看了资料说在接口上加上时间戳或随机数就行了.要是这样干,工作量真心大啊.后来我对我们公司大神封装的ax ...
- PAT 1093
The string APPAPT contains two PAT's as substrings. The first one is formed by the 2nd, the 4th, and ...
- vue判断图片为空或者图片加载不成功时显示默认图片
纯css解决方案: <img src="broken.png" alt=""> img { position: relative; } img:af ...
- [转帖]在VirtualBox Linux 7u2 中安装Oracle RAC 12.2.0.1.0
https://xiaoyu.blog.csdn.net/article/details/81980936
- SGU 127. Telephone directory --- 模拟
<传送门> 127. Telephone directory time limit per test: 0.25 sec. memory limit per test: 4096 KB C ...
- Python的正则表达式和爬虫
1.常用元字符 . 匹配除换行符以外的任意字符 \w 匹配字母或数字或下划线 \s 匹配任意的空白符 \d 匹配数字 \b 匹配单词的开始或结束 ^ 匹配字符串的开始 $ 匹配字符串的结束 2.常用限 ...
- Python之路【第二十四篇】:数据库索引
数据库索引 一.索引简介 索引在mysql中也叫做"键",是存储引擎用于快速找到记录的一种数据结构.索引对于良好的性能非常关键,尤其是当表中的数据量越来越大时,索引对于性能的影响愈 ...
- Java-手动搭建SSH(maven版)
创建maven项目 把maven项目变为动态网站,步骤如下: 项目结构图如下: 开始搭建spring+springmvc+Hibernate项目 环境版本就不多说了,直接贴出pom.xml文件 < ...
- git 学习笔记 --Bug分支
软件开发中,bug就像家常便饭一样.有了bug就需要修复,在Git中,由于分支是如此的强大,所以,每个bug都可以通过一个新的临时分支来修复,修复后,合并分支,然后将临时分支删除. 当你接到一个修复一 ...