React에서 정적 파일 가져오는 방법 문의

Question

netfunnel.js 라는 파일을src/assets/js 폴더에 집어넣고index.html 에서선언했습니다. 로컬 구동할때는 이상이 없는데,빌드해서 apache에 배포해서 구동하니브라우저 개발자도구에서 해당 파일이html로 읽히고 이 부분이SyntaxError: Unexpected token '<' (at netfunnel.js:1:1)이렇게 오류가 납니다...다른 js 파일은 URL로 가지고 오는 부분이 있어서index.html 에서 제거한후,아래와 같이 했더니 로컬에서도 동일한 오류가 발생합니다....export const loadExternalJs = () => {const domain = import.meta.env.VITE_LPOINT_DOMAIN;const scriptNetfunnel = document.createElement('script');scriptNetfunnel.src = '../assets/js/netfunnel.js';scriptNetfunnel.async = true;document.body.appendChild(scriptNetfunnel);};위와 같이 하면로컬에서는 오류가 콘솔에서 발생합니다.소스 탭에서는 열립니다.apache에 배포하면 콘솔 및 소스 탭 둘 다 오류납니다.vite + react 인데 배포했을대도 정적인 스크립트 파일을 정상적으로 가지고 올려면 어떻게 해야 할까요?

RWB · Answer

public 폴더처럼 정적 파일 라우팅해주는 폴더가 있습니다.거기에 이미지 같은 에셋을 넣어두면 아래처럼 호출할 수 있습니다./public/image.png 파일https://example.com/image.png 경로로 호출현재 쓰시는 프로젝트 구조에서 정적 파일을 라우팅하는 폴더를 찾아보세요.없다면 만드시면 됩니다.

React에서 정적 파일 가져오는 방법 문의

1개의 답변

#apache 목록