DBILITY

vuejs BASE_URL relative path build 본문

front-end & ui/vuejs

vuejs BASE_URL relative path build

DBILITY 2021. 10. 26. 18:54
반응형

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

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

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

Configuration Reference Global CLI Config Some global configurations for @vue/cli, such as your preferred package manager and your locally saved presets, are stored in a JSON file named .vuerc in your home directory. You can edit this file directly with yo

cli.vuejs.org

 

반응형

'front-end & ui > vuejs' 카테고리의 다른 글

vue 3 image src binding  (0) 2021.08.06
vue 실습 01  (0) 2021.08.06
vue 3 vue-router,plugin 설치 및 project 적용  (0) 2021.08.04
vue 3 version project create  (0) 2021.07.30
vue 3 instance lifecycle  (0) 2020.11.28
Comments