-
글쓴이글
-
2022년 4월 28일 13:25 #32768
류소의참가자애플마켓 로그인 기능을 이용한 다른 웹사이트 제작중입니다.
강의와 다른 점은 로그인과 회원가입이 같은 페이지가 아니라 다른 페이지로 구성된 점 하나 입니다.
회원가입 시 firebase에 이메일과 비밀번호는 잘 저장되는데
로그인 버튼을 클릭했을 때 콘솔창이 강의와는 다르게 404페이지로 연결되는 오류가 나옵니다.
콘솔창과 코드 둘다 첨부하겠습니다.
해결법 알려주시면 감사하겠습니다.
--------------------------------------------------------------
<콘솔 오류>
GET http://localhost:5000/cookie?email=soui%40g.com&password=soui%40g.com 404 (Not Found)
---------------------------------------------------------------
<login.html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--제목-->
<title>T.P.O</title>
<!--글씨체 적용-->
<style>
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR&display=swap');
</style><!--파비콘-->
<!--<link rel="shortcut icon" href="favicon.ico" />-->
<link rel="icon" href="./fabicon.ico" />
<!--브라우저 스타일 초기화-->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/reset-css@5.0.1/reset.min.css" />
<!--Google Material Icons-->
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
<link rel="stylesheet" href="./css/main.css" /><!--GSAP & ScrollToPlugin-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.5.1/gsap.min.js" integrity="sha512-IQLehpLoVS4fNzl7IfH8Iowfm5+RiMGtHykgZJl9AWMgqx0AmJ6cRWcB+GaGVtIsnC4voMfm8f2vwtY+6oPjpQ==" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.5.1/ScrollToPlugin.min.js" integrity="sha512-nTHzMQK7lwWt8nL4KF6DhwLHluv6dVq/hNnj2PBN0xMl2KaMm1PM02csx57mmToPAodHmPsipoERRNn4pG7f+Q==" crossorigin="anonymous"></script>
<!--Swiper-->
<link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css" />
<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
<!--ScrollMagic-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.8/ScrollMagic.min.js"></script>
<!--Lodash-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.20/lodash.min.js" integrity="sha512-90vH1Z83AJY9DmlWa8WkjkV79yfS2n2Oxhsi2dZbIv0nC4E6m5AbH8Nh156kkM7JePmqD6tcZsfad1ueoaovww==" crossorigin="anonymous"></script><link rel="stylesheet" href="./css/login.css" type="text/css" media="all" />
<script src="./js/login.js" type="text/javascript"></script>
</head>
<body>
<!--HEADER-->
<header>
<h1>T. P. O. </h1>
<div class="inner">
<div class="sub-menu">
<ul class="menu">
<li>
<a href="index.html">Home</a>
</li>
<li>
<a href="login.html">login</a>
</li>
<li>
<a href="javascript:void(0)">My Page</a>
</li>
<li>
<a href="upload.html">관리자</a>
</li>
</ul>
<div class="search">
<input type="text" />
<span class="material-icons">search</span>
</div>
</div>
</div>
</header>
<!--로그인 상자-->
<div id="container" class="main_container">
<div style="padding: 20px;"></div>
<div class="login_container">
<div class="form_container">
<form name="login_form" action="/cookie" method="get">
<div class="form_title_div">
<p class="form_title_p">Login</p>
</div>
<div>
<div>
<a class="form_item_name">Email</a>
</div>
<div>
<input type="text" name="email" placeholder="E-mail" class="form_input" id="email"/>
</div>
<div class="form_text_alert_padding">
<div id="alert_email" class="form_text_alert"></div>
</div>
</div>
<div>
<div>
<a class="form_item_name">Password</a>
</div>
<div>
<input type="password" name="password" placeholder="Enter password" class="form_input" id="pw"/>
</div>
<div class="form_text_alert_padding">
<div id="alert_password" class="form_text_alert"></div>
</div>
</div>
<div style="height: 10px;"></div>
<div>
<button type="submit" class="form_submit_button" id="login">login</button>
<a class="move_to_reg" href="register.html">Register with Us?</a>
</div>
</form>
</div>
</div>
</div><script src="https://www.gstatic.com/firebasejs/8.6.5/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.6.5/firebase-auth.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.6.5/firebase-firestore.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.6.5/firebase-storage.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4" crossorigin="anonymous"></script>
<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
<script>
var firebaseConfig = {
apiKey: "AIzaSyBmLHmE-X06lL_bFzCL0lQ3EWO6XmMwnY8",
authDomain: "tpoweb-2343f.firebaseapp.com",
projectId: "tpoweb-2343f",
storageBucket: "tpoweb-2343f.appspot.com",
messagingSenderId: "441331829888",
appId: "1:441331829888:web:132aa41778e94d5b11ea65"
};
firebase.initializeApp(firebaseConfig);
</script><script>
const db = firebase.firestore();
const storage = firebase.storage();$('#login').click(function(){
var 이메일 = $('#email').val();
var 패스워드 = $('#pw').val();firebase.auth().signInWithEmailAndPassword(이메일, 패스워드).then((result)=>{
console.log(result.user)
})
})
</script></body>
</html> -
글쓴이글
- 답변은 로그인 후 가능합니다.