강의

멘토링

커뮤니티

인프런 커뮤니티 질문&답변

열씨미살자!님의 프로필 이미지
열씨미살자!

작성한 질문수

Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념

env 환경 변수 파일을 이용한 옵션 변경 방법

gh-pages

작성

·

143

0

마지막 작업으로 gh-pages를 통해 정적페이지를 만들려볼려고했습니다. yarn build 이후

1. vue.config.js 설정

module.exports = {
  lintOnSave: false,
  publicPath: process.env.NODE_ENV === 
'production' ? '/vue.js-advanced/' : '/',
};

2. cd dist

3. git remote origin add url

4.  git checkout -b gh-pages

5. gid add .

6. git commit -m "deploy"

7. git push origin gh-pages

8. https://dngwoo.github.io/vue.js-advanced/

이렇게 해서 해보았습니다. 근데 해당 url에 들어가보시면 동작은하지만 새로고침하면 404 페이지가 뜨고 원래 바로 news로 리다이렉션이 되어야하는데 되지 않고  https://dngwoo.github.io/vue.js-advanced/ 이 페이지에 계속 머물러 있습니다. 그리고 news를 클릭하면 https://dngwoo.github.io/news로 가게 됩니다. 공식홈페이지대로 publicPath를 지정해주었는데 빼는게 맞는건가요? publicPath가 정확히 어떤 역할을 하는지 모르겠습니다..

답변

답변을 기다리고 있는 질문이에요
첫번째 답변을 남겨보세요!
열씨미살자!님의 프로필 이미지
열씨미살자!

작성한 질문수

질문하기