Quasar CLI with Webpack - @quasar/app-webpack
將 Quasar CLI 建立的專案資料夾與現有後端整合時,常見的需求是在使用開發伺服器時存取後端 API。為了實現這一點,我們可以並排(或遠端)執行開發伺服器和 API 後端,並讓開發伺服器將所有 API 請求代理到實際的後端。
如果您在 API 請求中存取相對路徑,這會很有用。顯然,這些相對路徑在您開發時可能無法運作。為了建立一個類似於您部署的網站/應用程式所使用的環境,您可以代理您的 API 請求。
若要配置代理規則,請編輯 /quasar.config
檔案中的 devServer.proxy
。您應該參考 Webpack Dev Server Proxy 文件以取得詳細用法。但這是一個簡單的範例
devServer: {
proxy: {
// proxy all requests starting with /api to jsonplaceholder
'/api': {
target: 'http://some.api.target.com:7070',
changeOrigin: true,
pathRewrite: {
'^/api': ''
}
}
}
}
content_paste
上述範例會將 /api/posts/1
請求代理到 http://some.api.target.com:7070/posts/1
。