Vue-Cli multi-page 모드에서 Vue Router history 모드 적용하기
얼마 전 회사 서비스에서 드디어 URL에 붙어있던 hash를 제거하게 되었다. 우리 서비스는 SPA(싱글 페이지 어플리케이션) 서비스라서 hash가 항상 붙어있었는데 이유는 Vue Router에서 기본 모드가 hash mode 이기 때문. 히스토리 모드로 변경해주면 hash가 없는 깔끔한 URL을 가질 수 있다. 공식 문서에 따르면 mode: 'history' 이 속성 하나만 추가해주면 되는 간단한 일이지만 우리는 기존에 레거시 코드도 많았고 이미 외부에 알려진 hash가 있는 URL에 대응하는 등의 작업도 있었기에 작업자 분이 2주에 걸쳐 작업해 주셨다. 작업자 분이 올려주신 PR을 보면서 내가 가장 의문이 갔었던 부분이 vue.config.js 파일에 multi page 설정 부분이었는데, 이걸 이해..
프론트엔드
2020. 5. 11. 03:09
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- jsconf
- 우아한테크러닝
- Vuex
- vue-router
- REACT
- vuejs
- EventLoop
- asyncawait
- frontend
- vue-cli
- Component
- chartjs
- 리액트훅
- axios
- til
- JavaScript
- ReactNative
- vue
- typeScript
- Python
- nodejs
- vue-meta
- 상태관리
- js
- prerender-spa-plugin
- Docker
- ES6
- 인프런
- promise
- 프론트엔드
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | ||
| 6 | 7 | 8 | 9 | 10 | 11 | 12 |
| 13 | 14 | 15 | 16 | 17 | 18 | 19 |
| 20 | 21 | 22 | 23 | 24 | 25 | 26 |
| 27 | 28 | 29 | 30 |
글 보관함