public 디렉토리

file-saver를 이용해 파일을 다운로드 하는데 fetch함수의 response가 실패라고 떴다.

알고보니 파일위치를 변경할 필요가 있었습니다.

 

public 디렉토리

Vue CLI에서 public 디렉토리는 정적 자원을 호스팅하는데 사용되는 특별한 디렉토리입니다. 이 디렉토리 내의 파일들은 빌드할 때 루트 경로(/)에서 접근 가능한 정적 파일로 처리됩니다.

(react에서도 사용합니다!!)

 

기본적으로 public 디렉토리는 Vue CLI 프로젝트의 루트 디렉토리에 위치합니다. 

프로젝트를 구조 예시 입니다.

project-root
|-- public
|   |-- index.html
|   |-- assets
|       |-- files
|           |-- filename.pdf
|-- src
    |-- ...

 

*정적 파일

서버에서 동적으로 처리되지 않고, 그 내용이 고정된 파일입니다.

이미지, CSS 파일, JavaScript 파일, 폰트, 문서 파일(PDF 등) 등이 정적 파일에 해당합니다.

이러한 파일들은 서버에서 그 내용이 변하지 않고 고정되어 있기 때문에 클라이언트에게 직접적으로 전송되어 사용됩니다.