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 ...
随机推荐
- 启动Oracle 12c数据库实例
启动Oracle 12c数据库实例 启动Oracle数据库实例,主要分为两步:第一步,启动监听:第二步,启动数据库实例. 1. 切换到oracle用户- su oracle- cd - source ...
- WebDriver常用的api
WebDriver常用的api 获取window对象 Window window = driver.manage().window(); 1) 窗口最大化 Maximize() 2) 窗口大小 g ...
- Fineui 根据datatable结构动态创建grid列,帮助类。动态绑定grid。
public class FineuiHelper { /// <summary> /// 动态创建Grid结构,在 Page_Init事件里执行( ...
- 文件和异常的练习3——python编程从入门到实践
10-10 常见单词:访问项目Gutenberg(http://gutenberg.org/),并找一些你想分析的图书.下载这些作品的文本文件或将浏览器中的原始文本复制到文本文件中. 可以使用coun ...
- day48——css样式
day48 通过调试窗口还可以玩一个神奇的东西 document.body.contentEditable=true css样式 高度宽度 width宽度 height高度 块级标签能设置高度宽度,内 ...
- 【leetcode】589. N-ary Tree Preorder Traversal
题目: Given an n-ary tree, return the preorder traversal of its nodes' values. For example, given a 3- ...
- Go语言【开发】加载JSON配置文件
JSON配置加载 辅助网址,JSON转结构体对应 http://json2struct.mervine.net/ 从JSON文件中加载配置到全局变量中 配置文件 config.json { &quo ...
- kie-api介绍和使用
参考:KIE kie在drools jbpm uberfire里广泛被使用,下面对kie-api中的几个重要组件做下简单介绍 maven依赖 <dependency> <groupI ...
- 论文笔记:DeepCF
Abstract 推荐系统可以看作用户和物品的匹配问题,不过user以及item两者的语义空间差异太大,直接匹配不太符合实际.主流的改进CF的方法有两类:基于表示学习的CF方法以及基于函数学习的表示方 ...
- 通过分析 WPF 的渲染脏区优化渲染性能
原文:通过分析 WPF 的渲染脏区优化渲染性能 本文介绍通过发现渲染脏区来提高渲染性能. 本文内容 脏区 Dirty Region WPF 性能套件 脏区监视 优化脏区重绘 脏区 Dirty Regi ...