vue.config.js基本配置

//vue.config.js
const path = require('path')
const resolve = (dir) => path.join(__dirname, dir)
module.exports = {
  publicPath: './',//基本路徑
  assetsDir: 'static',//放置生成的靜態資源 (js、css、img、fonts) 的目錄
  productionSourceMap: false,//生產環境是否生成 sourceMap 文件
  devServer: {
    hot: true,//hot配置是否啟用模塊的熱替換功能，devServer的默認行為是在發現源代碼被變更后，通過自動刷新整個頁面來做到事實預覽，開啟hot后，將在不刷新整個頁面的情況下通過新模塊替換老模塊來做到實時預覽
    open: false, // 使用瀏覽器自動打開
    https: false,
    port: 8080,
    proxy: {
      // 匹配到/localApi開頭時 替換成target指定的地址
      '/localApi': {
        // 本地
        target: process.env.VUE_APP_SRC,
        changeOrigin: true, // 開發環境才開啟反向代理, 運行(生產)環境不開啟
        pathRewrite: {
          // 把匹配到的/localApi這段開頭 替換成 /
          '^/localApi': '/'
        }
      },
    }
  },
  chainWebpack: (config) => {
　//配置別名
    config.resolve.alias
      .set('@', resolve('src'))
      .set('assets', resolve('src/assets'))
      .set('components', resolve('src/components'))
      .set('utils', resolve('src/utils'));
  }
}