从Asp通过Flask后端向Angular传递newhire_id时导航失败问题排查

核心原因 #

你的表单直接POST到Flask接口后，接口返回JSON数据，浏览器会直接渲染显示这个JSON响应，不会自动触发跳转；同时Flask仅返回了跳转地址字段，但没有主动触发浏览器跳转，也未和Angular路由联动。

解决方案 #

方案一：Flask直接重定向到Angular页面 #

修改Flask接口，跳过JSON返回，直接重定向到Angular的目标路由（需确保Angular与Flask跨域配置允许，或部署在同一域名下）：

@app.route('/api/pass_newhire', methods=['POST'])
def pass_newhire_id():
    newhire_id = request.args.get('id')
    # 先执行你的业务逻辑（如数据库操作）
    # 重定向到Angular的language_select页面并携带参数
    return redirect(f'http://localhost:4200/language_select?id={newhire_id}')

方案二：前端JS处理提交并跳转 #

通过AJAX提交表单，接收Flask返回的JSON后，用JS主动跳转到Angular页面，更适合前后端分离场景：
修改ASP页面的表单代码，添加JS处理逻辑：

strPostUrl="http://localhost:5000/api/pass_newhire?id=" & intNewHire_id
%>  
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>NewHire to WOTC</title>
        <link href="resources/eighthr-app.css" rel="stylesheet">
        <script type="text/javascript" src="resources/calendar.js"></script>    
    </head>
    <body text="#333333" link="#000033" vlink="#000066" alink="#CCCCCC" leftmargin="0" 
     topmargin="0" bgcolor="<%=StrPageBg%>">
    <form name="Arc_SendToWotc" method="Post">
        <!-- 保留你的表单元素 -->
        <button type="button" onclick="submitForm()">提交</button>
    </form>
    <script>
        function submitForm() {
            const url = '<%=strPostUrl%>';
            const formData = new FormData(document.forms['Arc_SendToWotc']);
            
            fetch(url, {
                method: 'POST',
                body: formData
            })
            .then(res => res.json())
            .then(data => {
                // 跳转至Angular路由，替换为你的Angular实际域名
                window.location.href = `http://localhost:4200${data.redirect_url}?id=${data.newhire_id}`;
            })
            .catch(err => console.error('提交出错:', err));
        }
    </script>

额外注意事项 #

1. 确保Angular已正确配置language_select路由，且能接收id参数；
2. 若Flask与Angular跨域，需在Flask中配置CORS：

from flask_cors import CORS
app = Flask(__name__)
CORS(app)  # 生产环境建议限制允许的域名，提升安全性

内容的提问来源于stack exchange，提问作者Joe Smith