---
# System prepended metadata

title: Vue路徑部屬

---

# Vue路徑部屬

### 一般情況Vue-cli在build完後會打包成一個dist檔，裡面會長得如下:
```
├─dist
  ├─css
  ├─fonts
  ├─js
  ├─favicon.ico
  ├─index.html
```
預設的請求路徑是"/"，也就是說假設你的網域 *https://www.vue.com*
你的Vue-cli會被部屬在 *https://www.vue.com/*

如果你想讓檔案建立在 *https://www.vue.com/my-project* 之下
則需要在根目錄下新增 *vue.config.js*

```
// vue.config.js

module.exports = {
  publicPath: process.env.NODE_ENV === 'production'
    ? '/my-project/'
    : '/'
}
```


