## 一、概述 `vue.config.js`是一個可選的配置文件，如果項目的 (和`package.json`同級的) 根目錄中存在這個文件，那么它會被`@vue/cli-service`自動加載。你也可以使用`package.json`中的`vue`字段，但是注意這種寫法需要你嚴格遵照 JSON 的格式來寫。 ## 二、語法 ~~~ // vue.config.js module.exports = { // 選項... } ~~~ ## 三、常用選項 1、devServer Type: Object 所有 webpack-dev-server 的選項都支持。注意： 有些值像 host、port 和 https 可能會被命令行參數覆寫。 有些值像 publicPath 和 historyApiFallback 不應該被修改，因為它們需要和開發服務器的 publicPath 同步以保障正常的工作。 2、devServer.proxy Type: string | Object 如果你的前端應用和后端 API 服務器沒有運行在同一個主機上，你需要在開發環境下將 API 請求代理到 API 服務器。這個問題可以通過 vue.config.js 中的 devServer.proxy 選項來配置。 devServer.proxy 可以是一個指向開發環境 API 服務器的字符串： ~~~ module.exports = { devServer: { proxy: 'http://localhost:4000' } } ~~~ 更詳細的選項可以參考：[https://cli.vuejs.org/zh/config/#vue-config-js](https://cli.vuejs.org/zh/config/#vue-config-js)