module.exports = {
? ? baseUrl:'/',//根路徑
? ? outputDir:'dist',//打包的時候生成的一個文件名
? ? assetsDir:'assets',//靜態(tài)資源目錄(js,css,img,fonts)這些文件都可以寫里面
? ? lintOnSave:false,//是否開啟eslint保存檢測 ,它的有效值為 true || false || 'error'
? ? devServer:{
? ? ? ? open:true,//啟動項目后自動開啟瀏覽器
? ? ? ? host:'locahost',//對應(yīng)的主機名
? ? ? ? port:8080,//端口號
? ? ? ? https:false,//是否開啟協(xié)議名,如果開啟會發(fā)出警告
? ? ? ? hotOnly:false,//熱模塊更新的一種東西,webpack中自動有過配置,但如果我們下載一些新 ? ? ? ? ? ?的模塊可以更好的給我更新一些配置
? ? ? ? proxy:{
? ? ? ? //配置跨域
? ? ? ? '/api':{//配置跨域的名字
? ? ? ? ? ? target:'http//localhost:5000/api',//跨域的地址
? ? ? ? ? ? ws:true,
? ? ? ? ? ? changOrigin:true,//是否跨域
? ? ? ? ? ? pathRewrite:{//當前的名字
? ? ? ? ? ? ? ? '^/api':''
? ? ? ? ? ? }
? ? ? ? ? }
?
? ? ? ? }
? ? }
?};

let self = this;
let params= {
?? ??? ??? ?type: 14,
?? ??? ??? ?SYS_UNIT: "440100113"
?? ?}
?? ?self.$http.get('/apis',{params}).then( data => {
? ? ? ? ? ? ? ? //請求回來的數(shù)據(jù)
? ? ? ? })

//參考vue3.x官方文檔:https://cli.vuejs.org/zh/config
//注意開頭被//注釋的參數(shù)不建議新手輕易改動
//默認是沒有vue.config.js的，需要手動在根目錄下建立并填入需要的配置項如下：
module.exports = {
    //baseUrl從 Vue CLI 3.3 起已棄用，請使用publicPath。
    
    publicPath: './',//默認為/，可以改為相對路徑,默認情況下，Vue CLI 會假設(shè)你的應(yīng)用是被部署在一個域名的根路徑上，例如 https://www.my-app.com/。如果應(yīng)用被部署在一個子路徑上，你就需要用這個選項指定這個子路徑。例如，如果你的應(yīng)用被部署在 https://www.my-app.com/my-app/，則設(shè)置 publicPath 為 /my-app/。
    /*這個值在開發(fā)環(huán)境下同樣生效。如果你想把開發(fā)服務(wù)器架設(shè)在根路徑，你可以使用一個條件式的值：
    publicPath: process.env.NODE_ENV === 'production'
    ? '/production-sub-path/'
    : '/'
    */
    
    outputDir: 'dist1',//默認值為dist，構(gòu)建輸出目錄，若打包時不改會覆蓋之前版本
    
    assetsDir:'assets',//默認為'',靜態(tài)文件目錄(css,img,js,fonts)
    
    //indexPath:index.html,//默認為index.html，可改成其他文件///一般不改
    
    //filenameHashing:true,//默認為true，默認情況下，生成的靜態(tài)資源在它們的文件名中包含了 hash 以便更好的控制緩存。///一般不改
    
    //pages:undefined,//在 multi-page 模式下構(gòu)建應(yīng)用。每個“page”應(yīng)該有一個對應(yīng)的 JavaScript 入口文件。其值應(yīng)該是一個對象，對象的 key 是入口的名字,以下是官方說明
    /*
    pages: {
        index: {
            // page 的入口
            entry: 'src/index/main.js',
            // 模板來源
            template: 'public/index.html',
            // 在 dist/index.html 的輸出
            filename: 'index.html',
            // 當使用 title 選項時，
            // template 中的 title 標簽需要是 <title><%= htmlWebpackPlugin.options.title %></title>
            title: 'Index Page',
            // 在這個頁面中包含的塊，默認情況下會包含
            // 提取出來的通用 chunk 和 vendor chunk。
            chunks: ['chunk-vendors', 'chunk-common', 'index']
        },
        // 當使用只有入口的字符串格式時，
        // 模板會被推導(dǎo)為 `public/subpage.html`
        // 并且如果找不到的話，就回退到 `public/index.html`。
        // 輸出文件名會被推導(dǎo)為 `subpage.html`。
        subpage: 'src/subpage/main.js'
    }
    */
    lintOnSave:false,//默認true，開啟會降低執(zhí)行效率，用途是eslint檢測代碼，可選值：true,false,'error'，當為true時檢測代碼，出現(xiàn)錯誤時提示信息會輸出到命令行，不會編譯失?。粸?error',出現(xiàn)錯誤編譯會失敗
    
    //runtimeCompiler:false,//默認為false，是否使用包含運行時編譯器的 Vue 構(gòu)建版本。設(shè)置為 true 后你就可以在 Vue 組件中使用 template 選項了，但是這會讓你的應(yīng)用額外增加 10kb 左右。
    
    //transpileDependencies:[],//默認為[],默認情況下 babel-loader 會忽略所有 node_modules 中的文件。如果你想要通過 Babel 顯式轉(zhuǎn)譯一個依賴，可以在這個選項中列出來。
    
    //productionSourceMap:true,默認為true，如果你不需要生產(chǎn)環(huán)境的 source map，可以將其設(shè)置為 false 以加速生產(chǎn)環(huán)境構(gòu)建
    
    //crossorigin:undefined,//默認為undefined設(shè)置生成的 HTML 中 <link rel="stylesheet"> 和 <script> 標簽的 crossorigin 屬性。需要注意的是該選項僅影響由 html-webpack-plugin 在構(gòu)建時注入的標簽 - 直接寫在模版 (public/index.html) 中的標簽不受影響。
    
    //integrity:false,//默認為false，在生成的 HTML 中的 <link rel="stylesheet"> 和 <script> 標簽上啟用 Subresource Integrity (SRI)。如果你構(gòu)建后的文件是部署在 CDN 上的，啟用該選項可以提供額外的安全性。需要注意的是該選項僅影響由 html-webpack-plugin 在構(gòu)建時注入的標簽 - 直接寫在模版 (public/index.html) 中的標簽不受影響。另外，當啟用 SRI 時，preload resource hints 會被禁用，因為 Chrome 的一個 bug 會導(dǎo)致文件被下載兩次。
    
    /*configureWebpack //調(diào)整 webpack 配置最簡單的方式就是在 vue.config.js 中的 configureWebpack 選項提供一個對象：
    configureWebpack: config => {
        if (process.env.NODE_ENV === 'production') {
            // 為生產(chǎn)環(huán)境修改配置...
        } else {
            // 為開發(fā)環(huán)境修改配置...
        }
    }
    */
    /*
    chainWebpack，Vue CLI 內(nèi)部的 webpack 配置是通過 webpack-chain 維護的。這個庫提供了一個 webpack 原始配置的上層抽象，使其可以定義具名的 loader 規(guī)則和具名插件，并有機會在后期進入這些規(guī)則并對它們的選項進行修改。
    chainWebpack: config => {
        config.module
        .rule('vue')
        .use('vue-loader')
            .loader('vue-loader')
            .tap(options => {
            // 修改它的選項...
            return options
        })
    }
    */
    //css.modules:false,//默認為false,默認情況下，只有 *.module.[ext] 結(jié)尾的文件才會被視作 CSS Modules 模塊。設(shè)置為 true 后你就可以去掉文件名中的 .module 并將所有的 *.(css|scss|sass|less|styl(us)?) 文件視為 CSS Modules 模塊。詳細解釋：https://cli.vuejs.org/zh/guide/css.html#css-modules
    //css.extract:false,//默認值：生產(chǎn)環(huán)境下是 true，開發(fā)環(huán)境下是 false。是否將組件中的 CSS 提取至一個獨立的 CSS 文件中 (而不是動態(tài)注入到 JavaScript 中的 inline 代碼)。
    //css.sourceMap:false,//默認為false，是否為 CSS 開啟 source map。設(shè)置為 true 之后可能會影響構(gòu)建的性能。
    //css.loaderOptions，默認為{},向 CSS 相關(guān)的 loader 傳遞選項。見官方文檔例子,具體見官方文檔：https://cli.vuejs.org/zh/guide/css.html#%E5%90%91%E9%A2%84%E5%A4%84%E7%90%86%E5%99%A8-loader-%E4%BC%A0%E9%80%92%E9%80%89%E9%A1%B9
    
    /*
    css: {
        loaderOptions: {
            css: {
                // 這里的選項會傳遞給 css-loader
            },
            postcss: {
                // 這里的選項會傳遞給 postcss-loader
            }
        }
    }
    */
    //所有 webpack-dev-server 的選項都支持。具體內(nèi)容參見官方文檔https://webpack.js.org/configuration/dev-server/
    devServer:{
        open:true,//服務(wù)開啟后直接在瀏覽器中打開主頁面
        host:'localhost',//主機名
        port:7070,//端口號
        https:false,//是否開啟https
        hotOnly:false,//是否開啟熱模塊更新
        proxy:{
            //配置跨域,可參見官方文檔https://webpack.js.org/configuration/dev-server/#devserverproxy
            '/api':{
                target:'http://localhost:7000/api/',//跨域地址
                ws:true,//如果要代理WebSockets,設(shè)置為true
                changOrigin:true,//默認flase,將主機頭的原點更改為目標URL
                pathRewrite:{//如果不希望傳遞/api，則需要重寫路徑：
                    '^/api':''
                }
            }
        }
    }
    //parallel:require('os').cpus().length > 1,//是否為 Babel 或 TypeScript 使用 thread-loader。該選項在系統(tǒng)的 CPU 有多于一個內(nèi)核時自動啟用，僅作用于生產(chǎn)構(gòu)建。
    //pwa,向 PWA 插件傳遞選項,PWA是Progressive Web App的英文縮寫， 翻譯過來就是漸進式增強WEB應(yīng)用， 是Google 在2016年提出的概念，2017年落地的web技術(shù)。目的就是在移動端利用提供的標準化框架，在網(wǎng)頁應(yīng)用中實現(xiàn)和原生應(yīng)用相近的用戶體驗的漸進式網(wǎng)頁應(yīng)用。
    //pluginOptions:{}可以用來傳遞任何第三方插件選項,例如
    /*
    pluginOptions: {
        foo: {
            // 插件可以作為 `options.pluginOptions.foo` 訪問這些選項。
        }
    }
    */
   //其他一些配置如Babel，官方建議使用babel.config.js;ESLint官方建議使用.eslintrc;TypeScript官方建議tsconfig.json
}