专栏首页jianhuicodeWebPack错误集

WebPack错误集

webpack-dev-server跨域设置反向代理出现404错误

问题栈

分析解决

  • 看到404后,再次看了下启动服务配置文件,估计是pathRewrite这个没起作用;
//代理服务器
const proxy = [{
path: '/api/*', //必须得有一个文件地址,如果顶层文件夹名字不同,则用/*代替
target: 'http://api.test.com',  
pathRewrite: {"^/api" : ""},
secure: false
}];
const server = new WebpackDevServer(webpack(config), {
publicPath: config.output.publicPath,
progress: true,
stats: {
    colors: true,
},
proxy
});
  • 经过一番折腾在官方文档中发现说明,这个属性增加v1,15.0中,ping go !这时候发现应该找到问题所在,果然把webpack-dev-server更新到1.15.0就正常了。

参考:webpack-dev-server官方文档 http-proxy-middleware

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • React+Redux仿Web追书神器

    引言 由于 10 月份做的 React Native 项目没有使用到 Redux 等库,写了一段时间想深入学习 React,有个想法想做个 demo 练手下,...

    用户1148881
  • Fragment 学习笔记(1)

    网上关于Fragment相关的博客资料很多,写关于这个知识笔记是加深记忆,大神略过; 0x01 了解Fragment 当然看官方文档(http://www.an...

    用户1148881
  • 如何实践MVP+RxJava+Retrofit(1)

    为了准备春招,整理了some流行技术,大概是去年5,6月份开始在知乎上看到,后面了解到google早在github上开源了Android开发三种开发模式:MV...

    用户1148881
  • 轻松理解webpack热更新原理

    HMR作为一个Webpack内置的功能,可以通过HotModuleReplacementPlugin或--hot开启。那么,HMR到底是怎么实现热更新的呢?下面...

    Nealyang
  • webpack热更新配置小结

    热更新,可以使开发的人在修改代码后,不用刷新浏览器即可以看到修改后的效果。而它的另一个好处则是可以只替换修改部分相关的代码,大大的缩短了构建的时间。

    IMWeb前端团队
  • php中的header跳转常用方式

    header("Location:")作为php的转向语句。其实在使用中,他有几点需要注意的地方。 1、要求header前没有任何输出 但是很多时候在head...

    貟王軍
  • 哪种均线组合才是最优的?

    均线策略应该是我们刚进入股市时就听过的一个策略,而双均线策略,顾名思义,就是两根均线:短期均线和长期均线。当短线均线上穿长期均线(金叉)时买入,当短期均线下穿长...

    猫叔Rex
  • HFile文件格式与HBase读写

    HFile是HBase存储数据的文件组织形式。HFile文件的特点: 1)HFile由DataBlock、Meta信息(Index、BloomFilter)、I...

    暴走大数据
  • Kubernetes(k8s)的弹性伸缩

    答:Hpa(全称叫做Horizontal Pod Autoscaler),Horizontal Pod Autoscaler的操作对象是Replication ...

    别先生
  • z-index失效的原因

    windseek

扫码关注云+社区

领取腾讯云代金券