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中有啥,代理中写上啥。

设置环境变量

new webpack.DefinePlugin({
'process.env.NODE_ENV': JSON.stringify('care')
}),

webpack-dev-server 本地代理proxy的更多相关文章

  1. 配置Webpack Dev Server 实战操作方法步骤

    本文摘要:配置 Webpack Dev Server 可以解决本地开发前端应用时,手动执行 webpack 命令或 yarn build 命令,再去浏览器中访问 dist/index.html 的麻烦 ...

  2. 笔记:配置 webpack dev server

    笔记:配置 webpack dev server 安装 webpack-dev-server 组件 配置 webpack.config.js 配置 增加 html-webpack-plugin 组件 ...

  3. [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 ...

  4. webpack dev server 和 sublime text 配合时需要注意的地方

    参考:https://webpack.js.org/guides/development/ Adjusting Your Text Editor Some text editors have a &q ...

  5. webpack dev server 配置 启动项目报错Error: listen EADDRINUSE

    Error: listen EADDRINUSE 0.0.0.0:5601 它的意思是,端口5601被其他进程占用. 切换端口即可解决问题

  6. Webpack代理proxy配置,解决本地跨域调试问题,同时允许绑定host域名调试

    Webpack代理proxy配置,解决本地跨域调试问题,同时允许绑定host域名调试 会撸码的小马 关注 2018.05.29 17:30* 字数 212 阅读 1488评论 0喜欢 2 接到上一章, ...

  7. vue-cli 3.0版本,配置代理Proxy,不同环境不同target(生产环境,uat环境和本地环境的配置)

    1.在项目的的根目录下新建vue.config.js 2.新建一个config包,里面存放不同的环境文件,里面包含:pro.env.js(生产环境配置),uat.env.js(测试环境配置),dev. ...

  8. Vue.js如何搭建本地dev server和json-server 模拟请求服务器

    前言:vue-cli(版本更新),由原来的2.8.1升级为2.9.1.主要改变是原来在build文件夹下的dev-server.js删掉了,增加了webpack.dev.conf.js. 所以这次讲的 ...

  9. webpack 4 & dev server

    webpack 4 & dev server proxy https://webpack.js.org/configuration/dev-server/#devserverproxy htt ...

随机推荐

  1. spring boot 指定启动端口

    spring boot 默认端口为8080 1.修改为指定端口 (1)修改配置文件 src/main/resources/application.properties server.port= (2) ...

  2. 使用HOSTNAMECTL配置主机名

    hostnamectl工具是用来管理给定主机中. 查看所有主机名 请运行下面的命令查看所有当前主机名: 〜] $ hostnamectl status 如果未指定任何选项,默认则使用status选项对 ...

  3. 90% 前端开发者都不知道的 JavaScript 实用小技巧

    面试神器之数组去重 const a = [...new Set([1, 2, 3, 3])] >> [1, 2, 3] 操作数组担心 falsy 值? const res = myArra ...

  4. SQL"已更新或者删除的行值要么不能使该行成为唯一行,要么改变了多个行(X行)“解决办法

    这种问题大多是由于没有主键(PK)导致同一张表中存在若干条相同的数据.DBMS存储时,只为其存储一条数据,因为DBMS底层做了优化,以减少数据冗余.所以删除或更新一条重复数据就牵一发而动全身. 解决方 ...

  5. Ng-Alain-mock 运用

    Ng-Alain Ng-Alian 是基于 Antd 实现的一个前端框架.它基于 Angular 和 NG-ZORRO,在此基础上进行进一步封装,是中后台的前端解决方案,为我们提供更多通用性业务模块, ...

  6. 在 Java 中不使用多余变量交换两个字符串

    在 Java 中不使用多余变量交换两个字符串 public class Test { public static void main(String[] args) { String a = " ...

  7. Word 频繁无响应

    可以参考以下方法,这是我的解决办法,不保证对你也有用. 步骤一: 在「开始 > 运行」中输入「winword /a」进入无加载项 Word: 依次进入「Word 选项 > 高级 > ...

  8. Unary模式下客户端从开始连接到发送接收数据的主要流程

    (原创)C/C/1.25.0-dev grpc-c/8.0.0, 使用的例子是自带的例子GreeterClient grpc Unary模式下客户端从开始连接到发送数据的主要流程 graph TD; ...

  9. celery 分布式异步任务框架(celery简单使用、celery多任务结构、celery定时任务、celery计划任务、celery在Django项目中使用Python脚本调用Django环境)

    一.celery简介: Celery 是一个强大的 分布式任务队列 的 异步处理框架,它可以让任务的执行完全脱离主程序,甚至可以被分配到其他主机上运行.我们通常使用它来实现异步任务(async tas ...

  10. Tcl语言学习--基础知识

    一.脚本.命令和单词符号 一个TCL脚本可以包含一个或多个命令.命令之间必须用换行符或分号隔开. 1.关键字/变量 变量是程序的基础变量组成:变量名.变量值变量名要求:任何字符串都可以作为变量名,区分 ...