---
# System prepended metadata

title: VueCli 編譯設定檔 (6-7)
tags: [6. VueCli, Vue]

---

# VueCli 編譯設定檔 (6-7)
###### tags: `Vue`、`6. VueCli`
2022.3.11

#### &emsp;&emsp;因為VueCli在編譯後會依照相對路徑呈現，在在實際應用上會出現問題，因此在操作 `npm run build` 需要先更改根路徑。

## 更改根路徑
#### 首先在vue.config.js中增加這行程式。

![](https://i.imgur.com/MUwzGzi.png)

#### 操作 `npm run build` 編譯出dist資料夾，看到根目錄為dist即為成功。

![](https://i.imgur.com/3ceFAon.png)


