관리 메뉴

IT.FARMER

Vue.js 배포 본문

JavaScript/vue.js

Vue.js 배포

아이티.파머 2020. 8. 31. 16:41
반응형

2020/08/31 - [JavaScript/vue.js] - Vue.js

2020/08/31 - [JavaScript/vue.js] - vue.js spring boot

2020/08/31 - [JavaScript/vue.js] - vue.js webpack 구조

2020/08/31 - [JavaScript/vue.js] - Vue.js 배포

2020/08/31 - [JavaScript/vue.js] - vue.js webpack spring boot

 

vue.js 를 빌드 하고 나면 dist 폴더 밑으로 빌드된 파일이 존대한다. 해당 파일을 nginx, nodejs. apache .. 의 web server로 포팅 하면된다.

라우터 뷰를 활용하여 SPA를 제작한 경우엔 실제 router url 로 접근할수 없기 대문에 해당 url로 접근시 에러가 발생된다. failback 설정을 통해 url로 접근 했을때 정상 접근을 하게 하기 위해 failback 옵션을 설정 하도록 한다.

 

공식 문서 참고

HTML5 History Mode | Vue Router

 

HTML5 History Mode | Vue Router

HTML5 History Mode The default mode for vue-router is hash mode - it uses the URL hash to simulate a full URL so that the page won't be reloaded when the URL changes. To get rid of the hash, we can use the router's history mode, which leverages the history

router.vuejs.org

 

반응형

'JavaScript > vue.js' 카테고리의 다른 글

vue.js 프로젝트 생성 (cli)  (0) 2021.12.10
vue.js webpack spring boot  (0) 2020.08.31
vue.js webpack 구조  (0) 2020.08.31
vue.js spring boot  (0) 2020.08.31
Vue.js  (0) 2020.08.31