vuecli3을 이용해서 프론트를 개발중인데 router 특정주소를 redirect하거나 하면 제목과 같은 오류가 발생열심히 구글링 한 결과 index.html 의 header에 아래 코드를 넣으라고.. 뭐야 이거하면서 넣어봤는데 진짜로 된다...웹팩 버그인듯? 출처: https://github.com/vuejs-templates/pwa/issues/165
vuejs input에 한글입력시 커서가 이동해야지만 model에 값이 적용되는데 @input 이벤트를 이용하여 바로 적용한다. 한글 1글자 이상만 유효성 검증 아래 codepen참조 See the Pen vuejs input 한글입력 by homin ahn (@beans9) on CodePen.
vue-clli가 3으로 버전업이 되면서 프록시 설정부분이 살짝 달라졌습니다. 우선 설정파일이 없어서 생성해야 합니다. root 폴더에 vue.config.js 라는 파일을 만들고'use strict' module.exports = { devServer: { proxy: { // proxyTable 설정 '/api': { target: 'http://localhost:8080', changeOrigin: true } } } } 위와같이 설정해주시면 됩니다. 경로와 target을 설정해주시고 다시 실행하시면 정상동작을 확인 할 수 있습니다.
Vue-cli에서 프로젝트를 만들때 Css Pre-processors에서 SASS를 선택하면 아래 설정없이 바로 style에서 선언하여 사용가능합니다. 1 2 3 4 5 6 7 cs 만약 cli를 이용해서 생성시에 설정을 해주지 않았으면 아래처럼 별도로 설치후 사용하시면 됩니다. -------------------- Vue-cli 로 설치할 경우 간단한 설정만으로도 scss를 사용할수 있습니다 . scss는 css를 좀더 편하게 사용할수 있게 해주는 확장언어입니다. (http://sass-lang.com/) 사용방법은 우선 "sass-loader","node-sass" js dependency를 추가합니다. npm install sass-loader node-sass --save-dev webpack.b..
vue-cli로 작업하던 도중, vuex를 사용하는데 ie11에서 아래와 같은 오류메세지가 나면서 동작을 하지 않았다. [vuex] vuex requires a Promise polyfill in this browser. https://github.com/stefanpenner/es6-promise#auto-polyfill 위에 패키지를 설치하고 main.js 상단에 import 'es6-promise/auto' 그래도 에러나서 찾아보니 unit/index.js 파일에도 마찬가지로 상단에 아래와 같이 선언하니 이상없이 동작한다. import 'es6-promise/auto'
