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. Blazor 机制初探以及什么是前后端分离,还不赶紧上车?

    标签: Blazor .Net 上一篇文章发了一个 BlazAdmin 的尝鲜版,这一次主要聊聊 Blazor 是如何做到用 C# 来写前端的,传送门:https://www.cnblogs.com/ ...

  2. 【转载】嵌入式 Linux 移植 Dropbear SSH server

    0. 背景  OpenSSH因为其相对较大,一般不太适用于嵌入式平台,多用于PC或者服务器的Linux版本中.  Dropbear是一个相对较小的SSH服务器和客户端.它运行在一个基于POSIX的各种 ...

  3. HLP帮助文件源文件RTF文件的编写

    https://www.cnblogs.com/gaodu2003/archive/2008/12/17/1356861.html 举例说明如下: 每一节的标题在RTF文件中一般以特有的脚注($)指定 ...

  4. jQuery Ajax async=>false异步改为同步时,导致浏览器假死的处理方法

    今天做一个需求遇到了这么个情况,就是用户个人中心有个功能,点击按钮,可以刷新用户当前的积分,这个肯定需要使用到ajax的同步请求了,当时喀喀喀三下五除二写玩了,大概代码如下: /** * 异步当前用户 ...

  5. flask db操作

    from flask import Flask from flask_sqlalchemy import SQLAlchemy app = Flask(__name__) # app.config[' ...

  6. Shell编程入门基础上

    前言 为什么学 Shell Shell 脚本语言是实现 Linux/UNIX 系统管理及自动化运维所必备的重要工具, Linux/UNIX 系统的底层及基础应用软件的核心大都涉及 Shell 脚本的内 ...

  7. arm-linux-系列工具,ld,ar,as,objcopy

    ref :http://www.360doc.com/content/14/0509/09/17268421_376009916.shtml 一.编译器相关知识学习 GNU GCC简介: GNU GC ...

  8. java之基本技术点总结博客

    泛型的理解 聊一聊-JAVA 泛型中的通配符 T,E,K,V,? 类,接口的继承和实现的规则 类与类之间只能继承,并且是单继承,可以多级继承 类与接口之间可以实现,一个类可以实现多个接口 接口和接口之 ...

  9. Python的字符串函数

    今天用了将近一天的时间去学习Python字符串函数 上午学了17个,下午学了23个(共计40) 详细内容请见菜鸟教程--Python3字符串--Python的字符串内建函数

  10. Matlab策略模式

    策略模式的意图是定义一系列算法,把它们一个一个封装起来,并且使它们可以互相替换.通常每个策略算法不可抽象再分.本人仿照https://www.runoob.com/design-pattern/str ...