## 一、概述 `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)