create-react-app 是我們新建項(xiàng)目時常用的template扛施,也是官方大力推薦的法希,這個模板對很多情況不同操作系統(tǒng)都做了兼容嗤军。
實(shí)際開發(fā)中,很大概率需要設(shè)置代理馍佑,默認(rèn)是拿package.json的proxy字段斋否,但是這個proxy要求是一個字符串的模式,很難滿足實(shí)際的開發(fā)需要拭荤,不用慌茵臭,官方還有另一個設(shè)置入口。
image.png
項(xiàng)目eject之后,從 config/paths 文件可以看到要在src下建一個 setupProxy.js文件
image.png
在這里面就可以配置需要的代理了舅世。
配置方法如下圖所示:
image.png
http-proxy-middleware 是 webpack-dev-server 的依賴項(xiàng)旦委,所以可以直接使用;假如報(bào)錯的話可以重新裝一下雏亚。
想了解 http-proxy-middleware用法的可以查看:https://www.npmjs.com/package/http-proxy-middleware