基于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
文件大小:
评论区