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

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

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


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