基于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写法,省心。

pdf 文件大小:12.99MB