## **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': "" } }, } }, ```