-
질문 & 답변
카테고리
-
세부 분야
프론트엔드
-
해결 여부
해결됨
lite-server로 구현해야하는 이유는 무엇인가요~?
21.06.22 21:49 작성 조회수 390
0
답변을 작성해보세요.
1
김정환
지식공유자2021.06.24
물론 직접 html을 브라우져로 열어서 실습하셔도 됩니다.
수업에서는 lite-server가 파일 변경을 감지해서 자동으로 브라우져를 갱신해주는 점이 편리해서 그렇습니다.
한아링
질문자2021.07.01
답변 감사합니다! 근데 그냥 index.html을 브라우져로 열면
Access to script at 'file:///C:/Users/aaa/Downloads/mvc/lecture-vue/1-vanilla/js/app.js' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, chrome-untrusted, https.
index.html:22 GET file:///C:/Users/aaa/Downloads/mvc/lecture-vue/1-vanilla/js/app.js net::ERR_FAILED
해당 콘솔에러가 뜨는데 상관없고,, 그저 자동으로 감지해주는것때문에 lite-server를 사용하는거라고 이해하면 될까요?!
김정환
지식공유자2021.07.02
브라우져의 cors 정책으로 이런 현상이 나온것 같네요.
브라우져가 html을 로딩한뒤 후속으로 js 파일을 가져오는데 같은 서버에서 가져와야한다는 보안 정책인데요. 이럴 때는 하나의 서버에서 html, js 를 제공해야합니다. 이런 이유 때문에도 lite-server를 사용합니다.
답변 2