일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- tomcat
- R
- Python
- Eclipse
- 공정능력
- MSSQL
- table
- window
- IntelliJ
- hadoop
- plugin
- es6
- 보조정렬
- Android
- Java
- mybatis
- GIT
- mapreduce
- SPC
- Kotlin
- Spring
- Express
- NPM
- SQL
- react
- Sqoop
- SSL
- vaadin
- JavaScript
- xPlatform
- Today
- Total
DBILITY
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
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 |