如何代理到后端服務(wù)器箩张?
Ant Design Pro 內(nèi)置了 umi,umi 使用了 webpackdevServer來支持代理灵份。 你只需要在 config.js 中配置 proxy 屬性。只要 proxy 和 mock url 不同,是可以共存的甩卓。
proxy:{? ??
????'/admin/': 'http://127.0.0.1/admin_kanzh/public/index.php',? ? ? ? //這是的意思是只要前端的接口是以“?/admin”開頭的,都指向到該URL地址???
?????//? 如果你不想始終傳遞?/?server?蕉斜,則需要重寫路徑逾柿;下面是重寫URL的方法????
????'/server/api/': {? ? ? ? ? ? //這里的意思是只要前端調(diào)用的接口是以“/server/api/”開頭的,都指向到該URL???????
?????target: 'https://preview.pro.ant.design/',????????
????changeOrigin: true,????????
????pathRewrite: { '^/server': '' },? ? ? ? ?//最終指向到的服務(wù)器地址是? ?“https://preview.pro.ant.design/api/”???
?},
},
另外需要注意的是宅此,在瀏覽器開發(fā)者工具里面看到請求的地址都是“http://localhost:8000/”机错,實際上是已經(jīng)請求到服務(wù)器接口地址了。
參考文檔地址:
1:Ant Design Pro文檔:https://pro.ant.design/docs/faq-cn
2:webpack 配置文檔:https://webpack.docschina.org/configuration/dev-server/