github pages 배포 후 오류

[이유진]

안녕하세요

npm run serve 했을 때는 정상적으로 화면이 잘 나오는데 배포를 했더니 빈 화면이 나옵니다.

github에 새 레파지토리 만들어서 서브 페이지로 배포했는데 콘솔에 이런 오류가 뜹니다.

vue.config.js 파일에는 

module.exports = {
  publicPath: '/vue-blog',
}

이렇게 설정해뒀고

https://아이디.github.io/vue-blog/ 이 경로로 들어갔습니다.

원인을 알 수 있을까요?

[codingapple]

build하고나서 생긴 index.html에 표기된 css js 파일들 경로가 어떻게되나요? 

[이유진]

<link href="/css/app.e4743e10.css" rel="preload" as="style">
<link href="/css/chunk-vendors.5d3035bc.css" rel="preload" as="style">
<link href="/js/app.87d89fe3.js" rel="preload" as="script">
<link href="/js/chunk-vendors.3e94d64e.js" rel="preload" as="script">
<link href="/css/chunk-vendors.5d3035bc.css" rel="stylesheet">
<link href="/css/app.e4743e10.css" rel="stylesheet">

이렇게 되어있습니다.
경로가 ./ 로 시작하지 않아서 그런걸까요..?

[codingapple]

module.exports = {
  publicPath: '/vue-blog',
}

이 파일 잘 저장했는지 확인하고 다시 build명령어를 입력해봅시다 

[이유진]

vue.config.js 파일이 src 폴더 안에 저장되어 있어서 오류가 난거였습니다ㅠㅠ

파일 위치 변경해서 해결했습니다. 감사합니다!

[글쓴이]

글