github pages 배포 후 오류

5 글 보임 - 1 에서 5 까지 (총 5 중에서)

글쓴이

글
2021년 11월 16일 09:58 #19919

이유진
참가자

안녕하세요

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

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

vue.config.js 파일에는

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

이렇게 설정해뒀고

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

원인을 알 수 있을까요?

2021년 11월 16일 10:54 #19923

codingapple
키 마스터

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

2021년 11월 16일 11:06 #19924

이유진
참가자

<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">

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

2021년 11월 16일 11:29 #19928

codingapple
키 마스터

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

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

2021년 11월 16일 12:17 #19934

이유진
참가자

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

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

글

5 글 보임 - 1 에서 5 까지 (총 5 중에서)

답변은 로그인 후 가능합니다.

로그인

https://codingapple.com/wp-content/uploads/2019/06/logo2-3.png