解决webpack-dev-server由于网络问题出现ETIMEDOUT

当我们使用webpack-dev-server开启服务，配置proxy会出现ETIMEDOUT时，我们可以通过配置agent来解决问题。

[HPM] Error occurred while trying to proxy request /api/sys/init from localhost:3000 to http://xxx.com/ (ETIMEDOUT) (https://nodejs.org/api/errors.html#errors_common_system_errors)

原理

配置proxy下的agent配置项

实现

安装插件

npm i socks-proxy-agent --save-dev

配置

const { SocksProxyAgent } = require('socks-proxy-agent');
const agent = new SocksProxyAgent('socks://127.0.0.1:1080')const config = {// ...devServer: {// ...proxy: {"/api": {target: "https://github.com",changeOrigin: true,agent  }}}
}

或者通过读取http_proxy设置

export http_proxy=socks://127.0.0.1:1080

const proxyAgent = {};
if (process.env.http_proxy) {proxyAgent.agent = new SocksProxyAgent(process.env.http_proxy)
}const config = {// ...devServer: {// ...proxy: {"/api": {target: "https://github.com",changeOrigin: true,...proxyAgent  }}}
}

其他框架配置类似

解决webpack-dev-server由于网络问题出现ETIMEDOUT相关推荐

WEBPACK DEV SERVER
文/tsyeyuanfeng(简书作者) 原文链接:http://www.jianshu.com/p/941bfaf13be1# 著作权归作者所有,转载请联系作者获得授权,并标注"简书作者& ...
webpack dev server 和 sublime text 配合时需要注意的地方
参考:https://webpack.js.org/guides/development/ Adjusting Your Text Editor Some text editors have a &q ...
解决新版本webpack vue-cli生成文件没有dev.server.js问题
新版本webpack生成的dev.server.js 在webpack.dev.conf.js中webpack.dev.conf.jsconst axios = require('axios') co ...
webpack-dev-server --inline --progress --config build/webpack.dev.conf.js 解决办法
最近要做一个可以拖拽的关系图,从github上clone别人的项目后运行时报错webpack-dev-server --inline --progress --config build/webpack ...
Invalid options object. Dev Server has been initialized using an options object that does not match
Invalid options object. Dev Server has been initialized using an options object that does not match ...
Invalid options object. Dev Server has been initialized using an options object
启动webpack报错: [webpack-cli] Invalid options object. Dev Server has been initialized using an options ...
Vue运行报错webpack-dev-server --inline --progress --config build/webpack.dev.conf.js
vue 项目 npm run dev 运行时报错: npm ERR! xxx@1.0.0 dev: `webpack-dev-server --inline --progress --config b ...
自己写cache server之网络框架处理——Oracle、Mysql都不靠谱儿（中）
Jack:那我要写的这个server用Oracle.mysql中的哪个模型比较合适呢? 我:一个都不合适.准确地说,如果你采用了这两种模式中的一种模式,你的16CPU机器马上就会挂. Jack:那哪一 ...
自己写cache server之网络框架处理——对比mysql、Oracle（上）
Jack:hi,淫龙.急救. 我:周末了,在碎懒觉. Jack:老板让我自己写个高性能的Cache数据库.你知道的,这个有多难.一时半会儿哪写得出来. 我:慢慢写吧.这玩意儿一时半会儿写不出来的. J ...
ValidationError: Invalid options object. Dev Server has been initialized using an options object th
ValidationError: Invalid options object. Dev Server has been initialized using an options object tha ...

解决webpack-dev-server由于网络问题出现ETIMEDOUT

解决webpack-dev-server由于网络问题出现ETIMEDOUT

原理

实现

安装插件

配置

解决webpack-dev-server由于网络问题出现ETIMEDOUT相关推荐

最新文章

热门文章