基于FPGA的SDRAM控制器设计与Webpack proxyTable无效问题详解
webpack 的proxyTable配置总是没反应?嗯,这个坑我也踩过。之前调后端接口老是报 404,结果是devServer的代理配置没生效。后来我翻到一个基于 FPGA 的 SDRAM 控制器设计项目,文虽偏硬核,但里头那段关于 webpack 配置的调试过程写得蛮细,顺手了我的问题。
文里提到,proxyTable 无效一般和 webpack 版本有关,尤其从webpack-dev-server v3开始,proxyTable已经不推荐用了,得改用devServer.proxy。像这样写:
devServer: {
  proxy: {
    '/api': {
      target: 'http://localhost:3000',
      changeOrigin: true
    }
  }
}
是不是比你之前写的proxyTable清爽多了?
另外要注意,路径拼接也得小心。比如你接口地址是/api/user,那你前端求别写成http://localhost:3000/api/user,直接/api/user就行。
还有一点挺关键——vue.config.js里也会覆盖掉 webpack 原生的配置,改的时候别漏了这块。
如果你是搞前端又爱折腾嵌入式,顺便还能看看 SDRAM 那块的内容,讲得蛮系统,接口定义和时序控制都列得清清楚楚。
,proxy 无效不一定是你写错了,是版本不兼容。如果你用的是新版 webpack,建议直接切到devServer.proxy写法,省心。
                                        
                                    文件大小:12.99MB
                                
                                
                                
                            
评论区