webpack反向代理proxyTable设置
如果您发现本文排版有问题，可以先点击下面的链接切换至老版进行查看！！！
webpack反向代理proxyTable设置
proxyTable: {
'http://www.baidu.com/ttt': {
target: 'http://localhost:1333',
changeOrigin: true,
pathRewrite: {
'\\.\\w*$': '~okkk',
}
},
'/user': {
target: 'http://localhost:1333',
changeOrigin: true,
pathRewrite: {
'/user': 'ppqq',
}
}
},
{
context:'http://www.baidu.com/ttt',
options:{
target: 'http://localhost:1333',
changeOrigin: true,
pathRewrite: {
'\\.\\w*$': '~okkk',
}
}
},
{
context:'/user',
options:{
target: 'http://localhost:1333',
changeOrigin: true,
pathRewrite: {
'/user': 'ppqq',
}
}
},
function matchSingleStringPath(context, uri) {
var pathname = getUrlPathName(uri);
return pathname.indexOf(context) === 0;
}
'\\.\\w*$'会根据new Regex变成正则表达式/\.\w*$/。变成rule
{
regex: /\.\w*$/,
value: '~okkk'
}
let result = path;
if (rule.regex.test(path)) {
result = result.replace(rule.regex, rule.value);
}
- 分类：
- Web前端
更新时间：
相关文章
webpack笔记——在html-webpack-plugin插件中提供给其它插件是使用的hooks
最近在这段时间刚好在温故下webpack源码，webpack5都出来了，4还不再学习下？ 这次顺便学习下webpack的常用插件html-webpack-plugin。 发现这个插件里面还额外加入了 阅读更多…
从vuecli3学习webpack记录（四）vue是怎么进行默认配置的
在我们讲到 从vuecli3学习webpack记录（一）vue-cli-serve机制 vue cli3中在commands文件夹里面的是调用api.registerCommand方法，在 阅读更多…
webpack笔记——hook执行时call的是什么
我们一般使用的插件都是Hook子类，比如SyncHook，没有复杂的重写基类Hook的compile方法 先看Hook基类 // node_module/tapable/Hook.js cla 阅读更多…
用webpack的require.context() 简化你的代码
随着我们的项目越来越大，平时的常见用操作就会觉得很‘麻烦’了，比如每次要添加新的路由, vuex里面添加新的module等 { name: 'moduleN', 阅读更多…
从vuecli3学习webpack记录（一）vue-cli-serve机制
最近看了看vuecli3，把自己的学习记录下来。 首先看入口 npm run dev 即是 vue-cli-service serve ，之所以能运行 vue-cli-service 命令，就是 阅读更多…
从vuecli3学习webpack记录（三）基类Tapable和Hook分析
在查看webpack（及插件）源码的过程中，我们会经常看到类似这样的代码 compiler.hooks.done.tap('vue-cli-service serve',( 阅读更多…
