Vue Cli 3：vue.config.js配置文件

vue.config.js 是一個可選的配置文件，如果項目的 (和 package.json 同級的) 根目錄中存在這個文件，那么它會被 @vue/cli-service 自動加載。

你也可以使用 package.json 中的 vue 字段，但是注意這種寫法需要你嚴格遵照 JSON 的格式來寫。

一查看Vue Cli版本

vue --version

3.5.1

二創建vue.config.js配置文件

module.exports = {
  // baseUrl從 Vue CLI 3.3 起已棄用，請使用publicPath
  // 默認情況下，Vue CLI 會假設你的應用是被部署在一個域名的根路徑上，例如 https://www.my-app.com/。
  // 如果應用被部署在一個子路徑上，你就需要用這個選項指定這個子路徑。例如，如果你的應用被部署在 https://www.my-app.com/my-app/，則設置 publicPath 為 /my-app/。
  publicPath:
    process.env.NODE_ENV === "production" ? "/production-sub-path/" : "/",
  // 當運行 vue-cli-service build 時生成的生產環境構建文件的目錄。
  // 注意目標目錄在構建之前會被清除 (構建時傳入 --no-clean 可關閉該行為)。
  // 默認值'dist'
  outputDir: "my-app",
  // 放置生成的靜態資源 (js、css、img、fonts) 的目錄(相對於outputDir目錄)。
  // 默認值''
  assetsDir: "assets",
  //指定生成的 index.html 的輸出路徑 (相對於 outputDir)。也可以是一個絕對路徑。
  // 默認值'index.html'
  indexPath: "myIndex.html",
  // 默認情況下，生成的靜態資源在它們的文件名中包含了 hash 以便更好的控制緩存。
  filenameHashing: false,
  // 是否在開發環境下通過 eslint-loader 在每次保存時 lint 代碼。這個值會在 @vue/cli-plugin-eslint 被安裝之后生效。
  lintOnSave: process.env.NODE_ENV !== "production",

  //是否使用包含運行時編譯器的 Vue 構建版本。設置為 true 后你就可以在 Vue 組件中使用 template 選項了，但是這會讓你的應用額外增加 10kb 左右。
  runtimeCompiler: false,

  // 如果你不需要生產環境的 source map，可以將其設置為 false 以加速生產環境構建。
  productionSourceMap: false,

  // 所有 webpack-dev-server 的選項都支持。
  devServer: {
    host: "localhost",
    port: 8080, // 端口號
    open: true, //配置自動啟動瀏覽器

    // 配置多個代理
    proxy: {
      "/admin-api": { 將localhost：8080地址映射為http://dev.jishizulin.com/admin-api
        target: "http://dev.jishizulin.com/admin-api", // 重新映射的新地址

        changeOrigin: true, // 是否跨域
        pathRewrite: {
          "^/admin-api": "" // 去掉接口地址中的api字符串
        }
      }
    }
  }
};

Vue Cli 3：vue.config.js配置文件

免責聲明！