안녕하세요!
오늘도 라이믹스 연습을 하고있는 중에
웹페이지를 외부 페이지로 하나 만들고
이걸 라이믹스 외부페이지로 연결시켜 보았는데요
상단 메뉴부분에 스크립트가? 깨지는 문제가 발생되서 문의 드립니다
처음에는 CSS도 깨져서
기존 외부페이지 CSS 호출
<link rel="stylesheet" href="assets/css/파일명.CSS" />
라이믹스 외부페이지 적용
<load target="assets/css/파일명" />
으로 변경하니 CSS는 정상적으로 호출이 되었는데요
JS가 호출이 안되는건지? 외부페이지 상단 로고 호출과 상단 메뉴가 스크롤시 깨지는 현상이 발생되는 문제가 있어서요
JS 호출시 사용중인 방법
<script src="assets/js/파일명.js"></script>
라이믹스 외부 페이지에서 JS 호출할때는 다른 방법으로 해야하나요??
아니면 JS 문제가 아닌 다른 문제일까요?
현재 라이믹스 외부페이지로 연결된 문제의 페이지 주소 입니다
- 페이지 스크롤시 상단 로고가 깨지고 상단 메뉴부분도 오류 발생중
- https://eoshub.net/test1
현재 동일한 구성으로 기존 html 다이렉트 연결 주소 입니다
라이믹스 외부페이지 연결을 안하면 정상 출력이 되는데요
- https://eoshub.net/eoshub/
이게 자바스크립트 호출을 바꿔줘야하는 문제일까요?
아니면 다른 문제가 있는걸까요?
관련 내용을 검색해봤는데 찾을수가 없어서 문의드려봅니다
좋은 하루 보내세요!
404 에러가 뜨는군요.
정확하진 않지만 가설적으로 이런 식으로 이해가 됩니다.
외부 페이지 등을 컴파일하면 페이지가 php 파일로 캐시되어 캐시 폴더에 저장된다?
그러면 일부의 경우 상대경로를 인식할 때 문제가 있을 수 있겠더군요.
css를 부를 때 link태그는 안 되고 템플릿 언어인 load태그는 되셨다는 것도 비슷한 이유이지 않을까 싶습니다.
절대 경로를 사용해보시든지, 루트폴더로부터 접근 가능한 경로로 설정해보시는 게 어떨까 싶습니다.
그리고 js에서 스크롤시에 로고 이미지의 경로를 바꿔주는 것도 같은데요.
이 부분도 마찬가지로 경로 문제를 검토해보셔야 할 듯하네요.
첫 로딩 때는 /eoshub/assets/images/logo/logo-white.svg으로 루트 폴더로부터 경로 지정이 되는데,
스크롤부터는 assets/images/logo/logo.svg으로 상대경로로 지정이 되거든요.
이때 404 오류가 납니다.