LOGO

Gulp使用http-proxy-middleware插件解决跨域问题


查阅相关资料后可以使用http-proxy-middleware 模块进行代理,其官方说明文档也比较详细,我使用是gulp-connect作为web服务器,因此在此基础上,只需要增加对的代理中间件的相关配置即可,下面是我的Gulp配置

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
const { createProxyMiddleware } = require('http-proxy-middleware');  // 1.0.0版本的引用方式,不然会报错

function server() {
$.connect.server({
host: internalIp.v4.sync(),
root: "./dist",
port: '2222',
index: false, // 默认不打开首页
livereload: true,
// debug: true
middleware: function (connect, opt) {
return [
createProxyMiddleware('/action', {
target: 'http://condor2400.startdedicated.com/action',//代理的目标地址
changeOrigin: true,//
pathRewrite: {//路径重写规则
'^/action': ''
}
})
]
}
});
}

文章作者: 68HTML
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 68HTML !
  目录