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. c# socket 心跳 重连

    /// <summary> /// 检查一个Socket是否可连接 /// </summary> /// <param name="socket"&g ...

  2. 实用———springmvc接收参数校验

    https://www.cnblogs.com/funyoung/p/8670550.html https://www.cnblogs.com/monkeydai/p/10068547.html He ...

  3. C++ STL学习总结

    1.vector //最好给它一个初始化大小 #include <iostream> #include <vector> using namespace std; int ma ...

  4. RT1052 BootLoader总结

    RT1052 BootLoader总结‍ 概述 Bootloader涉及到的RT1052单片机资源有:Cache,ram,外部SDRAM,ARM7汇编指令,外部dataFlash. 升级功能涉及到的其 ...

  5. flink checkpoint状态储存三种方式选择

    Flink 提供了三种可用的状态后端:MemoryStateBackend,FsStateBackend,和RocksDBStateBackend. MemoryStateBackend Memory ...

  6. CLRS10.2-8练习 - 单指针值实现双向链表

    要求: Explain how to implement doubly linked lists using only one pointer value x.np peritem instead o ...

  7. java基础 构造方法

    /** * 继承关系中,父子类构造方法的访问特点 * * 1.子类构造方法中有一个默认隐含的"super()"调用,所以一定是先调用父类构造,后执行的子类构造 * 2.子类构造可以 ...

  8. SpringBoot启动原理详解

    SpringBoot和Spring相比,有着不少优势,比如自动配置,jar直接运行等等.那么SpringBoot到底是怎么启动的呢? 下面是SpringBoot启动的入口: @SpringBootAp ...

  9. 【转载】sqlserver中小数类型float和deciaml类型比较

    在sqlserver数据库中,float类型和double类型都可以用来表示小数类型,float类型是一种近似数值的小数类型,而decimal类型则是精确数值的小数类型.如果需要在sqlserver数 ...

  10. js 将数字转换成中文大写

    //完成将 toChineseNum, 可以将数字转换成中文大写的表示,处理到万级别,例如 toChineseNum(12345),返回 一万二千三百四十五. const toChinesNum = ...