inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

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

gh-pages

144

열씨미살자!

작성한 질문수 87

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가 정확히 어떤 역할을 하는지 모르겠습니다..

javascript vuejs

답변 0

깃 권한 요청 드립니다

0

50

1

깃 권한 신청

0

50

1

깃 권한 요청드립니다.

0

111

1

깃허브 권한 요청 드립니다

0

144

1

깃허브 권한 요청 드립니다

0

161

1

깃허브 권한 요청 드립니다

0

167

1

깃허브 권한 요청 드립니다.

0

154

1

안녕하세요 vue 2.7로 수강하고 있는 학생입니다. 실무에서 최하위 자식의 props와 watch의 관계를 여쭈고자 합니다.

0

208

1

ide 타입추론 기능 사용할 수 없을까요??

0

207

1

컴포넌트 링크는 vue peek 익스텐션 설치가 필수인가요??

0

228

1

Vue3로 진행중입니다

1

338

1

Vue router-link 사용시 같은 url이면

1

506

1

vue3 에러 메세지...

1

670

2

id ="app" 중복

0

271

2

use undefined 에러가 나옵니다.

1

318

2

깃허브 권한 요청드립니다.

1

358

2

권한요청드립니다.

1

299

2

Vue3에서 구글 애드센스 탑재하기

1

437

2

코드가 정상 작동 되는건지 ...

1

303

1

강의에서 api를 따로 빼셨는데 얻는 이점이 뭐죠?

1

243

1

vuex 적용시 질문

1

288

2

라우터 버전이 안맞는데 어떤걸 써야하나요

1

385

2

UserView에 id 속성만 undefined로 넘어오는데 이유를 모르겠습니다..

1

455

2

권한요청 드립니다!

1

275

2