로컬 호스트 아이폰에서 테스트하기

jjuyaa·2022년 8월 23일
0

pc에서 개발자 모드로 아이폰 화면 크기를 설정해 테스트하는 것과 실제 핸드폰에서 띄우는 것에 차이가 있는 것을 알고
local를 핸드폰으로 띄우는 방법을 찾아봤다

  1. 핸드폰, 컴퓨터(local) 같은 와이파이에 접속
  2. (맥북) 네트워크 환경 설정 - wifi 에서 IP 주소 확인
  3. backend 서버 변경 : app.js 파일에서 cors 설정 해놓은 주소에 확인한 ip 주소 추가
let corsOptions = {
  origin: [
    "http://localhost:3000",
    // 새 ip 주소 추가
  ],
  //CORS 에러 해결위한 IP:PORT# 허용 조건
  //여기에 에러나는 IP:PORT# 를 처리할 수 있는 조건을 넣어둬야 함,
  preflightContinue: false,
  credentials: true,
};
  1. front 변경 : configure.js 파일의 NOW_IP로 설정 해놓은 값 변경
    NOW_IP: "새 IP 주소",

=> 이렇게 해도 localhost:3000으로 또한 문제 없이 접속 가능

0개의 댓글

관련 채용 정보