4-5 post 확인 요청 fetch코드를 복사해서 붙여넣기 했는데 버튼을 누르고 검사 콘솔에 들어가면 게속 이 요청은 get라고 있다가 다른 오류가 뜹니다.

커뮤니티

포인트

쿠폰

내 강의실

국비 신청 내역

증명서

계정

로그아웃

학습 질문

개발 일지

나의 활동

답변 완료

4-5 post 확인 요청 fetch코드를 복사해서 붙여넣기 했는데 버튼을 누르고 검사 콘솔에 들어가면 게속 이 요청은 get라고 있다가 다른 오류가 뜹니다.

undefined주차

이*석

・

추천

・

조회수

답변 완료

* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.

* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.

post 확인 요청 fetch코드를 복사해서 붙여넣기 했는데 버튼을 누르고 검사 콘솔에 들어가면 새로고침이 안되고 이 요청은 post라고 떠야 하는데 이 요청은 get 그대로 있어서 코드를 다시 쓰고 복사 붙혀넣기 했는데 이번에는 콘솔창에서 오류가 뜹니다.

위와 같은 오류창이 뜨는데 이전에 구글에 localhost:5000 쳐도 접속이 거부되는 오류가 있어서 튜더님이 http://127.0.0.1:5000 로 들어가서 진행하시라고 했는데 그것과 관련된 것 인가요?

프론트 엔드

<!DOCTYPE html>
<html lang="en">


<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <title>Document</title>


    <script>
        function hey() {
            let formData = new FormData();
            formData.append("title_give", "블랙팬서");


            fetch("/test", { method: "POST", body: formData }).then(res => res.json()).then(data => {
                console.log(data)
            })
        }
    </script>
</head>


<body>
    <h1>제목을 입력합니다</h1>
    <button onclick="hey()">나는 버튼!</button>
</body>


</html>

백엔드

from flask import Flask, render_template, request, jsonify
app = Flask(__name__)



@app.route('/')
def home():
   return render_template('index.html')


@app.route('/test', methods=['POST'])
def test_post():
   title_receive = request.form['title_give']
   print(title_receive)
   return jsonify({'result':'success', 'msg': '이 요청은 POST!'})



if __name__ == '__main__':
   app.run('0.0.0.0',port=5000,debug=True)

터미널 에러 메세지

dlgus@AMWS MINGW64 ~/sparta/projects/01.prac
$ c:/Users/dlgus/sparta/projects/01.prac/venv/Scripts/python.exe c:/Users/dlgus/sparta/projects/01.prac/app.py
 * Serving Flask app 'app'
 * Debug mode: on
WARNING: This is a development server. Do not use it in a production deployment. Use a production WSGI server instead.
 * Running on all addresses (0.0.0.0)
 * Running on http://127.0.0.1:5000
 * Running on http://192.168.200.132:5000
Press CTRL+C to quit
 * Restarting with stat
 * Debugger is active!
 * Debugger PIN: 351-282-654
127.0.0.1 - - [01/May/2023 18:46:23] "GET / HTTP/1.1" 200 -
127.0.0.1 - - [01/May/2023 18:46:24] "GET / HTTP/1.1" 200 -
127.0.0.1 - - [01/May/2023 18:46:24] "GET /favicon.ico HTTP/1.1" 404 -
None
127.0.0.1 - - [01/May/2023 18:46:26] "GET /test HTTP/1.1" 200 -
None
127.0.0.1 - - [01/May/2023 18:46:28] "GET /test HTTP/1.1" 200 -
None
127.0.0.1 - - [01/May/2023 18:46:31] "GET /test HTTP/1.1" 200 -
None
127.0.0.1 - - [01/May/2023 18:51:39] "GET /test HTTP/1.1" 200 -
 * Detected change in 'c:\\Users\\dlgus\\sparta\\projects\\01.prac\\app.py', reloading
 * Restarting with stat
 * Debugger is active!
 * Debugger PIN: 351-282-654
None
127.0.0.1 - - [01/May/2023 18:54:11] "GET /test HTTP/1.1" 200 -
None
127.0.0.1 - - [01/May/2023 19:00:40] "GET /test HTTP/1.1" 200 -
None
127.0.0.1 - - [01/May/2023 19:00:51] "GET /test HTTP/1.1" 200 -
127.0.0.1 - - [01/May/2023 19:01:13] "GET / HTTP/1.1" 200 -
127.0.0.1 - - [01/May/2023 19:01:13] "GET / HTTP/1.1" 200 -
None
127.0.0.1 - - [01/May/2023 19:01:15] "GET /test HTTP/1.1" 200 -
None
127.0.0.1 - - [01/May/2023 19:01:31] "GET /test HTTP/1.1" 200 -
 * Detected change in 'c:\\Users\\dlgus\\sparta\\projects\\01.prac\\app.py', reloading      
 * Restarting with stat
 * Debugger is active!
 * Debugger PIN: 351-282-654
127.0.0.1 - - [01/May/2023 19:03:22] "GET /test HTTP/1.1" 405 -
127.0.0.1 - - [01/May/2023 19:03:37] "GET /test HTTP/1.1" 405 -
127.0.0.1 - - [01/May/2023 19:03:46] "GET /test HTTP/1.1" 405 -
 * Detected change in 'c:\\Users\\dlgus\\sparta\\projects\\01.prac\\app.py', reloading      
 * Restarting with stat
 * Debugger is active!
 * Debugger PIN: 351-282-654
127.0.0.1 - - [01/May/2023 19:07:09] "GET /test HTTP/1.1" 405 -
127.0.0.1 - - [01/May/2023 19:22:17] "GET /test HTTP/1.1" 405 -


(venv) 
dlgus@AMWS MINGW64 ~/sparta/projects/01.prac
$ caught (in promise) SyntaxError: Unexpected token '<', "<!doctype "... is not valid JSON

댓글 알림