首先在根目錄建立vue.config.js 

vue.config.js 裡面程式碼:

module.exports = {
    /** 區分打包環境與開發環境
     * process.env.NODE_ENV==='production'  (打包環境)
     * process.env.NODE_ENV==='development' (開發環境)
     * baseUrl: process.env.NODE_ENV==='production'?"https://cdn.didabisai.com/front/":'front/',
     */
    // 基本路徑
    baseUrl: '/',
    // 輸出檔案目錄
    outputDir: 'dist',
    // eslint-loader 是否在儲存的時候檢查
   // lintOnSave: true,
    // use the full build with in-browser compiler?
    // https://vuejs.org/v2/guide/installation.html#Runtime-Compiler-vs-Runtime-only
   //compiler: false,
    // webpack配置
    // see https://github.com/vuejs/vue-cli/blob/dev/docs/webpack.md
    chainWebpack: () => {},
    configureWebpack: () => {},
    //如果想要引入babel-polyfill可以這樣寫
    // configureWebpack: (config) => {
    //   config.entry = ["babel-polyfill", "./src/main.js"]
    // },
    // vue-loader 配置項
    // https://vue-loader.vuejs.org/en/options.html
    //vueLoader: {},
    // 生產環境是否生成 sourceMap 檔案
   // productionSourceMap: true,
    // css相關配置
    //css: {
        // 是否使用css分離外掛 ExtractTextPlugin
     //   extract: true,
        // 開啟 CSS source maps?
     //   sourceMap: false,
        // css預設器配置項
     //   loaderOptions: {},
        // 啟用 CSS modules for all css / pre-processor files.
        // modules: false
    // },
    // use thread-loader for babel & TS in production build
    // enabled by default if the machine has more than 1 cores
    //parallel: require('os').cpus().length > 1,
    // 是否啟用dll
    // See https://github.com/vuejs/vue-cli/blob/dev/docs/cli-service.md#dll-mode
   // dll: false,
    // PWA 外掛相關配置
    // see https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-pwa
 //   pwa: {},
    // webpack-dev-server 相關配置
    devServer: {
        open: process.platform === 'darwin',
        host: '127.0.0.1',
        port: 9099,
        https: false,
        hotOnly: false,
        proxy: null, // 設定代理
        before: app => {}
    },
    // 第三方外掛配置
    pluginOptions: {
        // ...
    }
}