<div><h3>Search User</h3></div>
            <div><input type="text" id="username" name="username" placeholder="ID"></div>
            <div><input type="password" id="password" name="password" placeholder="PW"></div>
            <div><button class="btn btn-default" onclick="user_search()">Search</button></div>
        <script>
            var host = window.location['origin'];

            console.log(host+"/class_test_page")
            function user_search(){
                var user_name = $('#username').val();
                var user_pwd = $("#password").val();
                $.ajax({
                    url : host+"/class_test_page",
                    type : "POST",
                    data : {"user_name" : user_name, "user_pwd" : user_pwd},
                    success:
                        function(data){
                            console.log(data)
                        },
                    error:
                        function(e){
                            console.log(e);
                        }
                })
            }
        </script>

위는 아이디와 비밀번호를 입력할 수 있는 폼입니다. 아이디와 비밀번호를 입력한 후에 Search 버튼을 눌러서 아래 표시할 flaks app구간으로 아이디 비밀번호를 받아야하는데 계속 http://127.0.0.1:7000/class_test_page 500 (INTERNAL SERVER ERROR)이렇게 에러가 발생하는데 서버에서 어떻게 잘못된건지 모르겠습니다

@app.route('/class_test_page', methods=['GET','POST'])
@csrf.exempt
def class_register():
    username = request.form['username']
    userpwd = request.form['user_pwd']
    user_data = {username : userpwd}
    return json.dumps(user_data)