## **vue.config.js 是一个可选的配置文件，如果项目的 (和 package.json 同级的)根目录中存在这个文件，那么它会被 @vue/cli-service 自动加载。** 1.'use strict' //声明为严格模式，不能使用未声明的变量 2.const path = require("path") //引入[node](https://so.csdn.net/so/search?q=node&spm=1001.2101.3001.7020).js工具模块path，用来处理文件路径的小工具 3.function resolve(dir) {return path.join(\_\_dirname, dir)}  //获取dir的绝对路径 4.const port = process.env.port || 9527 //赋值port：如果当前环境端口存在则为当前环境端口，还没有则赋值9527 5.module.exports //commonJS的模块化 注意与[ES6](https://so.csdn.net/so/search?q=ES6&spm=1001.2101.3001.7020)模块化的区别 6.publicPath: '/', //部署应用包时的基本 URL 7.outputDir: 'dist', //输出文件目录，当运行 vue-cli-service build 时生成的生产环境构建文件的目录。注意目标目录在构建之前会被清除 (构建时传入 --no-clean 可关闭该行为)。 8.assetsDir: 'static', //放置生成的静态资源 (js、css、img、fonts) 的目录。 9.lintOnSave: false, //是否在保存的时候使用 `eslint-loader` 进行检查，有效的值：`ture` | `false` | `"error"`  当设置为 `"error"` 时，检查出的错误会触发编译失败 10.productionSourceMap: false, //如果你不需要生产环境的 source map，可以将其设置为 false 以加速生产环境构建。 11.devServer中的proxy // 代理 12.configureWebpack //webpack配置项，详情见 Working with Webpack | Vue CLI 13.transpileDependencies //默认情况下 babel-loader 会忽略所有 node_modules 中的文件。你可以启用本选项，以避免构建后的代码中出现未转译的第三方依赖。 ## proxy代理 ``` devServer: { https: false,//https host: "0.0.0.0", port: port, open: false, //启动后默认打开浏览器 true 打开 false 关闭 proxy: { '/api': { target: '后端地址1', changeOrigin: true, //跨域 pathRewrite: { //将api替换成空 '^/api': "" } }, '/api1': { target: '后端地址2', changeOrigin: true, pathRewrite: { '^/api1': "" } }, } }, ```