vuejs BASE_URL relative path build

이거 보고 광고 한번 안 누른 이는 삼대가 재수가 없을지어다!ㅋㅋ

누르면 오십억게임 최후 승자가 된다!

PC상에서 직접 실행을 위해 BASE_URL을 상대 경로로 설정할 필요가 생겼다.

intellij project에 vue.config.js를 추가하고 publicPath를 수정했다. default는 "/"다.

"" 또는 "./"로 설정하면 상대 경로로 설정된다. Vue CLI 3.3 이전에는 baseUrl을 사용했다고 한다.

제약사항으로는 HTML5 history.pushState routing을 사용하는 경우와 pages option을 사용하여 multi-page app을 제작한 경우는 사용해서 안된다고 한다. 영어가 딸려 틀렸을까^^

module.exports ={
    publicPath:'./',
}

npm run build 후 dist경로의 index.html 더블클릭으로 실행하니 크롬 브라우저에서 이미지 등이 이상 없이 표현된다.

필요한 것부터 천천히 해보자.

https://cli.vuejs.org/config/#publicpath

Configuration Reference | Vue CLI