Flask python API CORS issue from Angular

Question

我有 Flask Python API 和 ZB439A4514C277CE6FCCC8F28CA817183 設置如下。 從瀏覽器調用時它工作正常。 但是，當從當前從 localhost:4200 測試的 Angular 應用程序調用時，會出現 CORS 錯誤。

從 Chrome 開發人員工具 - 可以看到請求方法 = 選項（預檢請求）返回 200 的預檢請求，但實際請求拋出 CORS 錯誤。 不知道我在這里做錯了什么。 請分享見解。

僅供參考 - 嘗試了一些調整，例如使允許的來源“*”，刪除“supports_credentials=True”； 仍然相同 CORS 錯誤

錯誤：

Error:
Access to XMLHttpRequest at 'https://app01.dev.com/coreengine?rootfolder=app01&childfolder=jun2020&team=app01&action=customhierarchy' from origin 'http://localhost:4200' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

代碼：

from flask_cors import CORS
mainapp = Flask(__name__)
cors = CORS(mainapp, resources={r"/*": {"origins":["http://localhost:4200"]}},supports_credentials=True)
@mainapp.route('/coreengine', methods=['GET','POST'])
def coreengine():
{
  #Code 
}

Answer 1

在與 package.json 文件平行的應用程序的根目錄中，創建一個新文件 proxy.config.json

{
"/coreengine*": {
    "target":"https://app01.dev.manulife.com",
    "secure":true,
    "logLevel":"debug"
    }
}  

現在在您的 package.json 腳本中：{}，添加以下文件名為 proxy.config.json 的亞麻開始“

{
"scripts": {
    "start":"ng serve --proxy-config proxy.config.json",
    "test":"ng test"
}
}

希望這對你有用。