{"_path":"/blog/vue-pratice/vue2-vue-cli","_draft":false,"_partial":false,"_empty":false,"title":"Vue2 與vue-cli建置專案","description":"","excerpt":{"type":"root","children":[{"type":"element","tag":"h1","props":{"id":"vue2-與vue-cli建置專案"},"children":[{"type":"text","value":"Vue2 與vue-cli建置專案"}]},{"type":"element","tag":"h2","props":{"id":"安裝流程"},"children":[{"type":"element","tag":"a","props":{"href":"https://cli.vuejs.org/guide/installation.html","rel":["nofollow","noopener","noreferrer"],"target":"_blank"},"children":[{"type":"text","value":"安裝流程"}]}]},{"type":"element","tag":"code","props":{"code":"npm install -g @vue/cli\n\nvue --version\n\nvue create ${app-name}\n"},"children":[{"type":"element","tag":"pre","props":{},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"text","value":"npm install -g @vue/cli\n\nvue --version\n\nvue create ${app-name}\n"}]}]}]},{"type":"element","tag":"h2","props":{"id":"env檔"},"children":[{"type":"text","value":".env檔"}]},{"type":"element","tag":"ul","props":{},"children":[{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":".env設定要有VUE_APP 作為變數命名的開頭。添加後，需要重啟專案。"}]}]},{"type":"element","tag":"code","props":{"code":"#VUE_APP開頭\nVUE_APP_BASEURL=\"http://sibase.sample.com\"\n","language":".env"},"children":[{"type":"element","tag":"pre","props":{},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"text","value":"#VUE_APP開頭\nVUE_APP_BASEURL=\"http://sibase.sample.com\"\n"}]}]}]},{"type":"element","tag":"h2","props":{"id":"tailwind設定"},"children":[{"type":"text","value":"tailwind設定"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"在需要客製的css樣式上用tailwind來添加，方便日後管理，只要在tailwind.config.js中修改定義值。\n"},{"type":"element","tag":"a","props":{"href":"https://tailwindcss.com/docs/installation","rel":["nofollow","noopener","noreferrer"],"target":"_blank"},"children":[{"type":"text","value":"參考官網設定"}]}]},{"type":"element","tag":"code","props":{"code":"module.exports = {\n  mode: \"jit\", //只編譯有使用到的樣式\n  purge: [\"./index.html\", \"./src/**/*.{vue,js}\"],\n  darkMode: false, // or 'media' or 'class'\n  theme: {\n    fontSize: {\n      100: [\"100px\", { lineHeight: \"1\" }], //自行添加的定義\n    },\n  },\n  variantOrder: [],\n  variants: {},\n  plugins: [],\n};\n","language":"javascript"},"children":[{"type":"element","tag":"pre","props":{},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"text","value":"module.exports = {\n  mode: \"jit\", //只編譯有使用到的樣式\n  purge: [\"./index.html\", \"./src/**/*.{vue,js}\"],\n  darkMode: false, // or 'media' or 'class'\n  theme: {\n    fontSize: {\n      100: [\"100px\", { lineHeight: \"1\" }], //自行添加的定義\n    },\n  },\n  variantOrder: [],\n  variants: {},\n  plugins: [],\n};\n"}]}]}]},{"type":"element","tag":"h2","props":{"id":"vue-config設定"},"children":[{"type":"text","value":"Vue config設定"}]},{"type":"element","tag":"ul","props":{},"children":[{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"參照vue-admin的設定做打包優化，在build production版時，會處理lib的分割，像是elementUI和vuejs。\n"},{"type":"element","tag":"a","props":{"href":"https://github.com/PanJiaChen/vue-element-admin","rel":["nofollow","noopener","noreferrer"],"target":"_blank"},"children":[{"type":"text","value":"參考開源專案vue-admin"}]},{"type":"element","tag":"a","props":{"href":"https://cli.vuejs.org/zh/config/#vue-config-js","rel":["nofollow","noopener","noreferrer"],"target":"_blank"},"children":[{"type":"text","value":"官方配置說明"}]}]}]},{"type":"element","tag":"code","props":{"code":"module.exports = {\n      publicPath: \"/\",\n      outputDir: \"dist\",\n      assetsDir: \"static\",\n      lintOnSave: process.env.NODE_ENV !== \"production\",\n      productionSourceMap: false,\n      configureWebpack: {\n        name: \"SIapp\",\n        resolve: {\n          alias: {\n            \"@\": resolve(\"src\"),\n          },\n        },\n      },\n      chainWebpack(config) {\n        config.plugin(\"preload\").tap(() => [\n          {\n            rel: \"preload\",\n            // to ignore runtime.js\n            // https://github.com/vuejs/vue-cli/blob/dev/packages/@vue/cli-service/lib/config/app.js#L171\n            fileBlacklist: [/\\.map$/, /hot-update\\.js$/, /runtime\\..*\\.js$/],\n            include: \"initial\",\n          },\n        ]);\n\n        // when there are many pages, it will cause too many meaningless requests\n        config.plugins.delete(\"prefetch\");\n\n        config.when(process.env.NODE_ENV !== \"development\", (config) => {\n          config.optimization.splitChunks({\n            chunks: \"all\",\n            cacheGroups: {\n              vue: {\n                name: \"chunk-vuejs\",\n                test: /[\\\\/]node_modules[\\\\/]_?vue(.*)/,\n                priority: 20,\n              },\n              elementUI: {\n                name: \"chunk-elementUI\", // split elementUI into a single    package\n                priority: 30, // the weight needs to be larger than libs and app or it will be packaged into libs or app\n                test: /[\\\\/]node_modules[\\\\/]_?element-ui(.*)/, // in order to adapt to cnpm\n              },\n              commons: {\n                // split async commons chunk\n                name: \"chunk-async-commons\",\n                minChunks: 2,\n                priority: 40,\n                chunks: \"async\",\n              },\n            },\n          });\n\n          // config\n          //   .plugin(\"webpack-bundle-analyzer\")\n          //   .use(require(\"webpack-bundle-analyzer\").BundleAnalyzerPlugin);\n        });\n      },\n};\n\n","language":"javascript"},"children":[{"type":"element","tag":"pre","props":{},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"text","value":"module.exports = {\n      publicPath: \"/\",\n      outputDir: \"dist\",\n      assetsDir: \"static\",\n      lintOnSave: process.env.NODE_ENV !== \"production\",\n      productionSourceMap: false,\n      configureWebpack: {\n        name: \"SIapp\",\n        resolve: {\n          alias: {\n            \"@\": resolve(\"src\"),\n          },\n        },\n      },\n      chainWebpack(config) {\n        config.plugin(\"preload\").tap(() => [\n          {\n            rel: \"preload\",\n            // to ignore runtime.js\n            // https://github.com/vuejs/vue-cli/blob/dev/packages/@vue/cli-service/lib/config/app.js#L171\n            fileBlacklist: [/\\.map$/, /hot-update\\.js$/, /runtime\\..*\\.js$/],\n            include: \"initial\",\n          },\n        ]);\n\n        // when there are many pages, it will cause too many meaningless requests\n        config.plugins.delete(\"prefetch\");\n\n        config.when(process.env.NODE_ENV !== \"development\", (config) => {\n          config.optimization.splitChunks({\n            chunks: \"all\",\n            cacheGroups: {\n              vue: {\n                name: \"chunk-vuejs\",\n                test: /[\\\\/]node_modules[\\\\/]_?vue(.*)/,\n                priority: 20,\n              },\n              elementUI: {\n                name: \"chunk-elementUI\", // split elementUI into a single    package\n                priority: 30, // the weight needs to be larger than libs and app or it will be packaged into libs or app\n                test: /[\\\\/]node_modules[\\\\/]_?element-ui(.*)/, // in order to adapt to cnpm\n              },\n              commons: {\n                // split async commons chunk\n                name: \"chunk-async-commons\",\n                minChunks: 2,\n                priority: 40,\n                chunks: \"async\",\n              },\n            },\n          });\n\n          // config\n          //   .plugin(\"webpack-bundle-analyzer\")\n          //   .use(require(\"webpack-bundle-analyzer\").BundleAnalyzerPlugin);\n        });\n      },\n};\n\n"}]}]}]},{"type":"element","tag":"h2","props":{"id":"axios封裝"},"children":[{"type":"text","value":"axios封裝"}]},{"type":"element","tag":"ul","props":{},"children":[{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"axios封裝初版。透過axios建立請求實例，並設置request和response的攔截，API定義時可使用該實例下有定義的呼叫方式。\n"},{"type":"element","tag":"a","props":{"href":"https://zhuanlan.zhihu.com/p/136035219","rel":["nofollow","noopener","noreferrer"],"target":"_blank"},"children":[{"type":"text","value":"axios怎么封装，才能提升效率？"}]}]}]},{"type":"element","tag":"code","props":{"code":" //request.js\nimport axios from \"axios\";\nimport { Message } from \"element-ui\";\n\n//todo\n//console.log(process.env.NODE_ENV)\n\nconst instance = axios.create({\n  baseURL: \"https://jsonplaceholder.typicode.com\",\n  headers: {\n    \"Content-Type\": \"application/x-www-form-urlencoded;charset=UTF-8\",\n  },\n  timeout: 10000,\n});\n\n//請求攔截\ninstance.interceptors.request.use(config => {\n    // console.log(\"config\",config)\n    config.headers.token = 'token';\n    return config;\n});\n\n//回傳攔截\ninstance.interceptors.response.use((response)=>{\n    console.log(\"response\",response);\n    //todo 錯誤處理\n    return response;\n},()=>{\n    Message.error('請求有誤');\n});\n\nexport default function(method, url, data = null, config) {\n  method = method.toLowerCase();\n  switch (method) {\n    case \"post\":\n      return instance.post(url, data, config);\n    case \"get\":\n      return instance.get(url, { params: data });\n    case \"delete\":\n      return instance.delete(url, { params: data });\n    case \"put\":\n      return instance.put(url, data);\n    case \"patch\":\n      return instance.patch(url, data);\n    default:\n      console.log(`未知的 method: ${method}`);\n      return false;\n  }\n};\n","language":"javascript"},"children":[{"type":"element","tag":"pre","props":{},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"text","value":" //request.js\nimport axios from \"axios\";\nimport { Message } from \"element-ui\";\n\n//todo\n//console.log(process.env.NODE_ENV)\n\nconst instance = axios.create({\n  baseURL: \"https://jsonplaceholder.typicode.com\",\n  headers: {\n    \"Content-Type\": \"application/x-www-form-urlencoded;charset=UTF-8\",\n  },\n  timeout: 10000,\n});\n\n//請求攔截\ninstance.interceptors.request.use(config => {\n    // console.log(\"config\",config)\n    config.headers.token = 'token';\n    return config;\n});\n\n//回傳攔截\ninstance.interceptors.response.use((response)=>{\n    console.log(\"response\",response);\n    //todo 錯誤處理\n    return response;\n},()=>{\n    Message.error('請求有誤');\n});\n\nexport default function(method, url, data = null, config) {\n  method = method.toLowerCase();\n  switch (method) {\n    case \"post\":\n      return instance.post(url, data, config);\n    case \"get\":\n      return instance.get(url, { params: data });\n    case \"delete\":\n      return instance.delete(url, { params: data });\n    case \"put\":\n      return instance.put(url, data);\n    case \"patch\":\n      return instance.patch(url, data);\n    default:\n      console.log(`未知的 method: ${method}`);\n      return false;\n  }\n};\n"}]}]}]},{"type":"element","tag":"h2","props":{"id":"路由"},"children":[{"type":"text","value":"路由"}]},{"type":"element","tag":"ul","props":{},"children":[{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"佈署在server需要在server端做路由指向的調整，應把請求都指向前端路由去處理。\n"},{"type":"element","tag":"a","props":{"href":"https://book.vue.tw/CH4/4-1-vue-router-intro.html","rel":["nofollow","noopener","noreferrer"],"target":"_blank"},"children":[{"type":"text","value":"參考Vue路由解說"}]}]}]},{"type":"element","tag":"h2","props":{"id":"vscode-vetur"},"children":[{"type":"text","value":"vscode vetur"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"情境:在.vue file中若出現scss的語法，vscode vetur套件會檢查.vue file可能出現警告訊息，原因推測是vetur無法認得scss的語法。"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"element","tag":"img","props":{"alt":"警告訊息","src":"https://i.imgur.com/SL4En2X.jpg"},"children":[]}]},{"type":"element","tag":"info","props":{},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"解決方法:在vscode vetur 套件的設定中 取消對style tag內容的驗證。"}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"element","tag":"img","props":{"alt":"關閉驗證","src":"https://i.imgur.com/zHGjiiq.jpg"},"children":[]}]}]},"tags":"學習","body":{"type":"root","children":[{"type":"element","tag":"h1","props":{"id":"vue2-與vue-cli建置專案"},"children":[{"type":"text","value":"Vue2 與vue-cli建置專案"}]},{"type":"element","tag":"h2","props":{"id":"安裝流程"},"children":[{"type":"element","tag":"a","props":{"href":"https://cli.vuejs.org/guide/installation.html","rel":["nofollow","noopener","noreferrer"],"target":"_blank"},"children":[{"type":"text","value":"安裝流程"}]}]},{"type":"element","tag":"code","props":{"code":"npm install -g @vue/cli\n\nvue --version\n\nvue create ${app-name}\n"},"children":[{"type":"element","tag":"pre","props":{},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{},"children":[{"type":"text","value":"npm install -g @vue/cli\n\nvue --version\n\nvue create ${app-name}"}]}]}]}]}]},{"type":"element","tag":"h2","props":{"id":"env檔"},"children":[{"type":"text","value":".env檔"}]},{"type":"element","tag":"ul","props":{},"children":[{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":".env設定要有VUE_APP 作為變數命名的開頭。添加後，需要重啟專案。"}]}]},{"type":"element","tag":"code","props":{"code":"#VUE_APP開頭\nVUE_APP_BASEURL=\"http://sibase.sample.com\"\n","language":".env"},"children":[{"type":"element","tag":"pre","props":{},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{},"children":[{"type":"text","value":"#VUE_APP開頭\nVUE_APP_BASEURL=\"http://sibase.sample.com\""}]}]}]}]}]},{"type":"element","tag":"h2","props":{"id":"tailwind設定"},"children":[{"type":"text","value":"tailwind設定"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"在需要客製的css樣式上用tailwind來添加，方便日後管理，只要在tailwind.config.js中修改定義值。\n"},{"type":"element","tag":"a","props":{"href":"https://tailwindcss.com/docs/installation","rel":["nofollow","noopener","noreferrer"],"target":"_blank"},"children":[{"type":"text","value":"參考官網設定"}]}]},{"type":"element","tag":"code","props":{"code":"module.exports = {\n  mode: \"jit\", //只編譯有使用到的樣式\n  purge: [\"./index.html\", \"./src/**/*.{vue,js}\"],\n  darkMode: false, // or 'media' or 'class'\n  theme: {\n    fontSize: {\n      100: [\"100px\", { lineHeight: \"1\" }], //自行添加的定義\n    },\n  },\n  variantOrder: [],\n  variants: {},\n  plugins: [],\n};\n","language":"javascript"},"children":[{"type":"element","tag":"pre","props":{},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-ee3b5b"},"children":[{"type":"text","value":"module"}]},{"type":"element","tag":"span","props":{"class":"ct-a84a39"},"children":[{"type":"text","value":"."}]},{"type":"element","tag":"span","props":{"class":"ct-ee3b5b"},"children":[{"type":"text","value":"exports"}]},{"type":"element","tag":"span","props":{"class":"ct-b1a175"},"children":[{"type":"text","value":" "}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":"  "}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":"mode"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":":"}]},{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-a91fd3"},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"class":"ct-44b3a6"},"children":[{"type":"text","value":"jit"}]},{"type":"element","tag":"span","props":{"class":"ct-a91fd3"},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":","}]},{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-8d49ee"},"children":[{"type":"text","value":"//只編譯有使用到的樣式"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":"  "}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":"purge"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":":"}]},{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":" ["}]},{"type":"element","tag":"span","props":{"class":"ct-a91fd3"},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"class":"ct-44b3a6"},"children":[{"type":"text","value":"./index.html"}]},{"type":"element","tag":"span","props":{"class":"ct-a91fd3"},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":","}]},{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-a91fd3"},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"class":"ct-44b3a6"},"children":[{"type":"text","value":"./src/**/*.{vue,js}"}]},{"type":"element","tag":"span","props":{"class":"ct-a91fd3"},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":"]"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":"  "}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":"darkMode"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":":"}]},{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-8b82ce"},"children":[{"type":"text","value":"false"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":","}]},{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-8d49ee"},"children":[{"type":"text","value":"// or 'media' or 'class'"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":"  "}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":"theme"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":":"}]},{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":"{"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":"    "}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":"fontSize"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":":"}]},{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":"{"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":"      "}]},{"type":"element","tag":"span","props":{"class":"ct-bbb975"},"children":[{"type":"text","value":"100"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":":"}]},{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":" ["}]},{"type":"element","tag":"span","props":{"class":"ct-a91fd3"},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"class":"ct-44b3a6"},"children":[{"type":"text","value":"100px"}]},{"type":"element","tag":"span","props":{"class":"ct-a91fd3"},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":","}]},{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":"{"}]},{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":"lineHeight"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":":"}]},{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-a91fd3"},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"class":"ct-44b3a6"},"children":[{"type":"text","value":"1"}]},{"type":"element","tag":"span","props":{"class":"ct-a91fd3"},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":"}"}]},{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":"]"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":","}]},{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-8d49ee"},"children":[{"type":"text","value":"//自行添加的定義"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":"    "}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":"},"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":"  "}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":"},"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":"  "}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":"variantOrder"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":":"}]},{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":" []"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":"  "}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":"variants"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":":"}]},{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":"{},"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":"  "}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":"plugins"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":":"}]},{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":" []"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-a84a39"},"children":[{"type":"text","value":"};"}]}]}]}]}]},{"type":"element","tag":"h2","props":{"id":"vue-config設定"},"children":[{"type":"text","value":"Vue config設定"}]},{"type":"element","tag":"ul","props":{},"children":[{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"參照vue-admin的設定做打包優化，在build production版時，會處理lib的分割，像是elementUI和vuejs。\n"},{"type":"element","tag":"a","props":{"href":"https://github.com/PanJiaChen/vue-element-admin","rel":["nofollow","noopener","noreferrer"],"target":"_blank"},"children":[{"type":"text","value":"參考開源專案vue-admin"}]},{"type":"element","tag":"a","props":{"href":"https://cli.vuejs.org/zh/config/#vue-config-js","rel":["nofollow","noopener","noreferrer"],"target":"_blank"},"children":[{"type":"text","value":"官方配置說明"}]}]}]},{"type":"element","tag":"code","props":{"code":"module.exports = {\n      publicPath: \"/\",\n      outputDir: \"dist\",\n      assetsDir: \"static\",\n      lintOnSave: process.env.NODE_ENV !== \"production\",\n      productionSourceMap: false,\n      configureWebpack: {\n        name: \"SIapp\",\n        resolve: {\n          alias: {\n            \"@\": resolve(\"src\"),\n          },\n        },\n      },\n      chainWebpack(config) {\n        config.plugin(\"preload\").tap(() => [\n          {\n            rel: \"preload\",\n            // to ignore runtime.js\n            // https://github.com/vuejs/vue-cli/blob/dev/packages/@vue/cli-service/lib/config/app.js#L171\n            fileBlacklist: [/\\.map$/, /hot-update\\.js$/, /runtime\\..*\\.js$/],\n            include: \"initial\",\n          },\n        ]);\n\n        // when there are many pages, it will cause too many meaningless requests\n        config.plugins.delete(\"prefetch\");\n\n        config.when(process.env.NODE_ENV !== \"development\", (config) => {\n          config.optimization.splitChunks({\n            chunks: \"all\",\n            cacheGroups: {\n              vue: {\n                name: \"chunk-vuejs\",\n                test: /[\\\\/]node_modules[\\\\/]_?vue(.*)/,\n                priority: 20,\n              },\n              elementUI: {\n                name: \"chunk-elementUI\", // split elementUI into a single    package\n                priority: 30, // the weight needs to be larger than libs and app or it will be packaged into libs or app\n                test: /[\\\\/]node_modules[\\\\/]_?element-ui(.*)/, // in order to adapt to cnpm\n              },\n              commons: {\n                // split async commons chunk\n                name: \"chunk-async-commons\",\n                minChunks: 2,\n                priority: 40,\n                chunks: \"async\",\n              },\n            },\n          });\n\n          // config\n          //   .plugin(\"webpack-bundle-analyzer\")\n          //   .use(require(\"webpack-bundle-analyzer\").BundleAnalyzerPlugin);\n        });\n      },\n};\n\n","language":"javascript"},"children":[{"type":"element","tag":"pre","props":{},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-ee3b5b"},"children":[{"type":"text","value":"module"}]},{"type":"element","tag":"span","props":{"class":"ct-a84a39"},"children":[{"type":"text","value":"."}]},{"type":"element","tag":"span","props":{"class":"ct-ee3b5b"},"children":[{"type":"text","value":"exports"}]},{"type":"element","tag":"span","props":{"class":"ct-b1a175"},"children":[{"type":"text","value":" "}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":"      "}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":"publicPath"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":":"}]},{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-a91fd3"},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"class":"ct-44b3a6"},"children":[{"type":"text","value":"/"}]},{"type":"element","tag":"span","props":{"class":"ct-a91fd3"},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":"      "}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":"outputDir"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":":"}]},{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-a91fd3"},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"class":"ct-44b3a6"},"children":[{"type":"text","value":"dist"}]},{"type":"element","tag":"span","props":{"class":"ct-a91fd3"},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":"      "}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":"assetsDir"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":":"}]},{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-a91fd3"},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"class":"ct-44b3a6"},"children":[{"type":"text","value":"static"}]},{"type":"element","tag":"span","props":{"class":"ct-a91fd3"},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":"      "}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":"lintOnSave"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":":"}]},{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":" process"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":"."}]},{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":"env"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":"."}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":"      "}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":"productionSourceMap"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":":"}]},{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-8b82ce"},"children":[{"type":"text","value":"false"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":"      "}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":"configureWebpack"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":":"}]},{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":"{"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":"        "}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":"name"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":":"}]},{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-a91fd3"},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"class":"ct-44b3a6"},"children":[{"type":"text","value":"SIapp"}]},{"type":"element","tag":"span","props":{"class":"ct-a91fd3"},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":"        "}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":"resolve"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":":"}]},{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":"{"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":"          "}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":"alias"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":":"}]},{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":"{"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":"            "}]},{"type":"element","tag":"span","props":{"class":"ct-a91fd3"},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"class":"ct-43804a"},"children":[{"type":"text","value":"@"}]},{"type":"element","tag":"span","props":{"class":"ct-a91fd3"},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":":"}]},{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-0d8a91"},"children":[{"type":"text","value":"resolve"}]},{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":"("}]},{"type":"element","tag":"span","props":{"class":"ct-a91fd3"},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"class":"ct-44b3a6"},"children":[{"type":"text","value":"src"}]},{"type":"element","tag":"span","props":{"class":"ct-a91fd3"},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":")"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":"          "}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":"},"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":"        "}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":"},"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":"      "}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":"},"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":"      "}]},{"type":"element","tag":"span","props":{"class":"ct-bc5417"},"children":[{"type":"text","value":"chainWebpack"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":"("}]},{"type":"element","tag":"span","props":{"class":"ct-964516"},"children":[{"type":"text","value":"config"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":")"}]},{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":"{"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":"        "}]},{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":"config"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":"."}]},{"type":"element","tag":"span","props":{"class":"ct-0d8a91"},"children":[{"type":"text","value":"plugin"}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":"("}]},{"type":"element","tag":"span","props":{"class":"ct-a91fd3"},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"class":"ct-44b3a6"},"children":[{"type":"text","value":"preload"}]},{"type":"element","tag":"span","props":{"class":"ct-a91fd3"},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":")"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":"."}]},{"type":"element","tag":"span","props":{"class":"ct-0d8a91"},"children":[{"type":"text","value":"tap"}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":"("}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":"()"}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-6891b4"},"children":[{"type":"text","value":"=>"}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":" ["}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":"          "}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":"{"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":"            rel"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":":"}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-a91fd3"},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"class":"ct-44b3a6"},"children":[{"type":"text","value":"preload"}]},{"type":"element","tag":"span","props":{"class":"ct-a91fd3"},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-a84a39"},"children":[{"type":"text","value":"            "}]},{"type":"element","tag":"span","props":{"class":"ct-65b52d"},"children":[{"type":"text","value":"// to ignore runtime.js"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-a84a39"},"children":[{"type":"text","value":"            "}]},{"type":"element","tag":"span","props":{"class":"ct-65b52d"},"children":[{"type":"text","value":"// https://github.com/vuejs/vue-cli/blob/dev/packages/@vue/cli-service/lib/config/app.js#L171"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":"            fileBlacklist"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":":"}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":" ["}]},{"type":"element","tag":"span","props":{"class":"ct-a91fd3"},"children":[{"type":"text","value":"/"}]},{"type":"element","tag":"span","props":{"class":"ct-19a1a4"},"children":[{"type":"text","value":"\\."}]},{"type":"element","tag":"span","props":{"class":"ct-44b3a6"},"children":[{"type":"text","value":"map"}]},{"type":"element","tag":"span","props":{"class":"ct-069d0c"},"children":[{"type":"text","value":"$"}]},{"type":"element","tag":"span","props":{"class":"ct-a91fd3"},"children":[{"type":"text","value":"/"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":","}]},{"type":"element","tag":"span","props":{"class":"ct-44b3a6"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-a91fd3"},"children":[{"type":"text","value":"/"}]},{"type":"element","tag":"span","props":{"class":"ct-44b3a6"},"children":[{"type":"text","value":"hot-update"}]},{"type":"element","tag":"span","props":{"class":"ct-19a1a4"},"children":[{"type":"text","value":"\\."}]},{"type":"element","tag":"span","props":{"class":"ct-44b3a6"},"children":[{"type":"text","value":"js"}]},{"type":"element","tag":"span","props":{"class":"ct-069d0c"},"children":[{"type":"text","value":"$"}]},{"type":"element","tag":"span","props":{"class":"ct-a91fd3"},"children":[{"type":"text","value":"/"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":","}]},{"type":"element","tag":"span","props":{"class":"ct-44b3a6"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-a91fd3"},"children":[{"type":"text","value":"/"}]},{"type":"element","tag":"span","props":{"class":"ct-44b3a6"},"children":[{"type":"text","value":"runtime"}]},{"type":"element","tag":"span","props":{"class":"ct-19a1a4"},"children":[{"type":"text","value":"\\."}]},{"type":"element","tag":"span","props":{"class":"ct-77a696"},"children":[{"type":"text","value":"."}]},{"type":"element","tag":"span","props":{"class":"ct-069d0c"},"children":[{"type":"text","value":"*"}]},{"type":"element","tag":"span","props":{"class":"ct-19a1a4"},"children":[{"type":"text","value":"\\."}]},{"type":"element","tag":"span","props":{"class":"ct-44b3a6"},"children":[{"type":"text","value":"js"}]},{"type":"element","tag":"span","props":{"class":"ct-069d0c"},"children":[{"type":"text","value":"$"}]},{"type":"element","tag":"span","props":{"class":"ct-a91fd3"},"children":[{"type":"text","value":"/"}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":"]"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":"            include"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":":"}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-a91fd3"},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"class":"ct-44b3a6"},"children":[{"type":"text","value":"initial"}]},{"type":"element","tag":"span","props":{"class":"ct-a91fd3"},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":"          "}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":"},"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":"        ])"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":";"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-a84a39"},"children":[{"type":"text","value":"        "}]},{"type":"element","tag":"span","props":{"class":"ct-65b52d"},"children":[{"type":"text","value":"// when there are many pages, it will cause too many meaningless requests"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":"        "}]},{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":"config"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":"."}]},{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":"plugins"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":"."}]},{"type":"element","tag":"span","props":{"class":"ct-0d8a91"},"children":[{"type":"text","value":"delete"}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":"("}]},{"type":"element","tag":"span","props":{"class":"ct-a91fd3"},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"class":"ct-44b3a6"},"children":[{"type":"text","value":"prefetch"}]},{"type":"element","tag":"span","props":{"class":"ct-a91fd3"},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":")"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":";"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":"        "}]},{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":"config"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":"."}]},{"type":"element","tag":"span","props":{"class":"ct-0d8a91"},"children":[{"type":"text","value":"when"}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":"("}]},{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":"process"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":"."}]},{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":"env"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":"."}]},{"type":"element","tag":"span","props":{"class":"ct-f7c313"},"children":[{"type":"text","value":"NODE_ENV"}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-069d0c"},"children":[{"type":"text","value":"!=="}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-a91fd3"},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"class":"ct-44b3a6"},"children":[{"type":"text","value":"development"}]},{"type":"element","tag":"span","props":{"class":"ct-a91fd3"},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":","}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":"("}]},{"type":"element","tag":"span","props":{"class":"ct-964516"},"children":[{"type":"text","value":"config"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":")"}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-6891b4"},"children":[{"type":"text","value":"=>"}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":"{"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":"          "}]},{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":"config"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":"."}]},{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":"optimization"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":"."}]},{"type":"element","tag":"span","props":{"class":"ct-0d8a91"},"children":[{"type":"text","value":"splitChunks"}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":"("}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":"{"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":"            chunks"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":":"}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-a91fd3"},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"class":"ct-44b3a6"},"children":[{"type":"text","value":"all"}]},{"type":"element","tag":"span","props":{"class":"ct-a91fd3"},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":"            cacheGroups"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":":"}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":"{"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":"              vue"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":":"}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":"{"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":"                name"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":":"}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-a91fd3"},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"class":"ct-44b3a6"},"children":[{"type":"text","value":"chunk-vuejs"}]},{"type":"element","tag":"span","props":{"class":"ct-a91fd3"},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":"                test"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":":"}]},{"type":"element","tag":"span","props":{"class":"ct-44b3a6"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-44b3a6"},"children":[{"type":"text","value":"/"}]},{"type":"element","tag":"span","props":{"class":"ct-3e2f53"},"children":[{"type":"text","value":"["}]},{"type":"element","tag":"span","props":{"class":"ct-19a1a4"},"children":[{"type":"text","value":"\\\\"}]},{"type":"element","tag":"span","props":{"class":"ct-77a696"},"children":[{"type":"text","value":"/"}]},{"type":"element","tag":"span","props":{"class":"ct-3e2f53"},"children":[{"type":"text","value":"]"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":"                priority"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":":"}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-bbb975"},"children":[{"type":"text","value":"20"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":"              "}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":"},"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":"              elementUI"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":":"}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":"{"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":"                name"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":":"}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-a91fd3"},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"class":"ct-44b3a6"},"children":[{"type":"text","value":"chunk-elementUI"}]},{"type":"element","tag":"span","props":{"class":"ct-a91fd3"},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":","}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-8d49ee"},"children":[{"type":"text","value":"// split elementUI into a single    package"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":"                priority"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":":"}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-bbb975"},"children":[{"type":"text","value":"30"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":","}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-8d49ee"},"children":[{"type":"text","value":"// the weight needs to be larger than libs and app or it will be packaged into libs or app"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":"                test"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":":"}]},{"type":"element","tag":"span","props":{"class":"ct-44b3a6"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-44b3a6"},"children":[{"type":"text","value":"/"}]},{"type":"element","tag":"span","props":{"class":"ct-3e2f53"},"children":[{"type":"text","value":"["}]},{"type":"element","tag":"span","props":{"class":"ct-19a1a4"},"children":[{"type":"text","value":"\\\\"}]},{"type":"element","tag":"span","props":{"class":"ct-77a696"},"children":[{"type":"text","value":"/"}]},{"type":"element","tag":"span","props":{"class":"ct-3e2f53"},"children":[{"type":"text","value":"]"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":"              "}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":"},"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":"              commons"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":":"}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":"{"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-a84a39"},"children":[{"type":"text","value":"                "}]},{"type":"element","tag":"span","props":{"class":"ct-65b52d"},"children":[{"type":"text","value":"// split async commons chunk"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":"                name"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":":"}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-a91fd3"},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"class":"ct-44b3a6"},"children":[{"type":"text","value":"chunk-async-commons"}]},{"type":"element","tag":"span","props":{"class":"ct-a91fd3"},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":"                minChunks"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":":"}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-bbb975"},"children":[{"type":"text","value":"2"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":"                priority"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":":"}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-bbb975"},"children":[{"type":"text","value":"40"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":"                chunks"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":":"}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-a91fd3"},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"class":"ct-44b3a6"},"children":[{"type":"text","value":"async"}]},{"type":"element","tag":"span","props":{"class":"ct-a91fd3"},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":"              "}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":"},"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":"            "}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":"},"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":"          "}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":"}"}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":")"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":";"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-a84a39"},"children":[{"type":"text","value":"          "}]},{"type":"element","tag":"span","props":{"class":"ct-65b52d"},"children":[{"type":"text","value":"// config"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-a84a39"},"children":[{"type":"text","value":"          "}]},{"type":"element","tag":"span","props":{"class":"ct-65b52d"},"children":[{"type":"text","value":"//   .plugin(\"webpack-bundle-analyzer\")"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-a84a39"},"children":[{"type":"text","value":"          "}]},{"type":"element","tag":"span","props":{"class":"ct-65b52d"},"children":[{"type":"text","value":"//   .use(require(\"webpack-bundle-analyzer\").BundleAnalyzerPlugin);"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":"        "}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":"}"}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":")"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":";"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":"      "}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":"},"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-a84a39"},"children":[{"type":"text","value":"};"}]}]}]}]}]},{"type":"element","tag":"h2","props":{"id":"axios封裝"},"children":[{"type":"text","value":"axios封裝"}]},{"type":"element","tag":"ul","props":{},"children":[{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"axios封裝初版。透過axios建立請求實例，並設置request和response的攔截，API定義時可使用該實例下有定義的呼叫方式。\n"},{"type":"element","tag":"a","props":{"href":"https://zhuanlan.zhihu.com/p/136035219","rel":["nofollow","noopener","noreferrer"],"target":"_blank"},"children":[{"type":"text","value":"axios怎么封装，才能提升效率？"}]}]}]},{"type":"element","tag":"code","props":{"code":" //request.js\nimport axios from \"axios\";\nimport { Message } from \"element-ui\";\n\n//todo\n//console.log(process.env.NODE_ENV)\n\nconst instance = axios.create({\n  baseURL: \"https://jsonplaceholder.typicode.com\",\n  headers: {\n    \"Content-Type\": \"application/x-www-form-urlencoded;charset=UTF-8\",\n  },\n  timeout: 10000,\n});\n\n//請求攔截\ninstance.interceptors.request.use(config => {\n    // console.log(\"config\",config)\n    config.headers.token = 'token';\n    return config;\n});\n\n//回傳攔截\ninstance.interceptors.response.use((response)=>{\n    console.log(\"response\",response);\n    //todo 錯誤處理\n    return response;\n},()=>{\n    Message.error('請求有誤');\n});\n\nexport default function(method, url, data = null, config) {\n  method = method.toLowerCase();\n  switch (method) {\n    case \"post\":\n      return instance.post(url, data, config);\n    case \"get\":\n      return instance.get(url, { params: data });\n    case \"delete\":\n      return instance.delete(url, { params: data });\n    case \"put\":\n      return instance.put(url, data);\n    case \"patch\":\n      return instance.patch(url, data);\n    default:\n      console.log(`未知的 method: ${method}`);\n      return false;\n  }\n};\n","language":"javascript"},"children":[{"type":"element","tag":"pre","props":{},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-a84a39"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-65b52d"},"children":[{"type":"text","value":"//request.js"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-069d0c"},"children":[{"type":"text","value":"import"}]},{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":" axios "}]},{"type":"element","tag":"span","props":{"class":"ct-069d0c"},"children":[{"type":"text","value":"from"}]},{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-a91fd3"},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"class":"ct-44b3a6"},"children":[{"type":"text","value":"axios"}]},{"type":"element","tag":"span","props":{"class":"ct-a91fd3"},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":";"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-069d0c"},"children":[{"type":"text","value":"import"}]},{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":"{"}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":"Message"}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":"}"}]},{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-069d0c"},"children":[{"type":"text","value":"from"}]},{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-a91fd3"},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"class":"ct-44b3a6"},"children":[{"type":"text","value":"element-ui"}]},{"type":"element","tag":"span","props":{"class":"ct-a91fd3"},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":";"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-65b52d"},"children":[{"type":"text","value":"//todo"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-65b52d"},"children":[{"type":"text","value":"//console.log(process.env.NODE_ENV)"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-26b60b"},"children":[{"type":"text","value":"const"}]},{"type":"element","tag":"span","props":{"class":"ct-b1a175"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-ceb4d5"},"children":[{"type":"text","value":"instance"}]},{"type":"element","tag":"span","props":{"class":"ct-b1a175"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-9ebf8e"},"children":[{"type":"text","value":"="}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":"  "}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":"baseURL"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":":"}]},{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-a91fd3"},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"class":"ct-44b3a6"},"children":[{"type":"text","value":"https://jsonplaceholder.typicode.com"}]},{"type":"element","tag":"span","props":{"class":"ct-a91fd3"},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":"  "}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":"headers"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":":"}]},{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":"{"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":"    "}]},{"type":"element","tag":"span","props":{"class":"ct-a91fd3"},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"class":"ct-43804a"},"children":[{"type":"text","value":"Content-Type"}]},{"type":"element","tag":"span","props":{"class":"ct-a91fd3"},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":":"}]},{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-a91fd3"},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"class":"ct-44b3a6"},"children":[{"type":"text","value":"application/x-www-form-urlencoded;charset=UTF-8"}]},{"type":"element","tag":"span","props":{"class":"ct-a91fd3"},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":"  "}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":"},"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":"  "}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":"timeout"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":":"}]},{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-bbb975"},"children":[{"type":"text","value":"10000"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":"}"}]},{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":")"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":";"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-65b52d"},"children":[{"type":"text","value":"//請求攔截"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":"instance"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":"."}]},{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":"interceptors"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":"."}]},{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":"request"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":"."}]},{"type":"element","tag":"span","props":{"class":"ct-0d8a91"},"children":[{"type":"text","value":"use"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-a84a39"},"children":[{"type":"text","value":"    "}]},{"type":"element","tag":"span","props":{"class":"ct-65b52d"},"children":[{"type":"text","value":"// console.log(\"config\",config)"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":"    "}]},{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":"config"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":"."}]},{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":"headers"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":"."}]},{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":"token"}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-069d0c"},"children":[{"type":"text","value":"="}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-a91fd3"},"children":[{"type":"text","value":"'"}]},{"type":"element","tag":"span","props":{"class":"ct-44b3a6"},"children":[{"type":"text","value":"token"}]},{"type":"element","tag":"span","props":{"class":"ct-a91fd3"},"children":[{"type":"text","value":"'"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":";"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":"    "}]},{"type":"element","tag":"span","props":{"class":"ct-069d0c"},"children":[{"type":"text","value":"return"}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":"config"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":";"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":"}"}]},{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":")"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":";"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-65b52d"},"children":[{"type":"text","value":"//回傳攔截"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":"instance"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":"."}]},{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":"interceptors"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":"."}]},{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":"response"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":"."}]},{"type":"element","tag":"span","props":{"class":"ct-0d8a91"},"children":[{"type":"text","value":"use"}]},{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":"("}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":"("}]},{"type":"element","tag":"span","props":{"class":"ct-964516"},"children":[{"type":"text","value":"response"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":")"}]},{"type":"element","tag":"span","props":{"class":"ct-6891b4"},"children":[{"type":"text","value":"=>"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":"{"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":"    "}]},{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":"console"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":"."}]},{"type":"element","tag":"span","props":{"class":"ct-0d8a91"},"children":[{"type":"text","value":"log"}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":"("}]},{"type":"element","tag":"span","props":{"class":"ct-a91fd3"},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"class":"ct-44b3a6"},"children":[{"type":"text","value":"response"}]},{"type":"element","tag":"span","props":{"class":"ct-a91fd3"},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":","}]},{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":"response"}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":")"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":";"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-a84a39"},"children":[{"type":"text","value":"    "}]},{"type":"element","tag":"span","props":{"class":"ct-65b52d"},"children":[{"type":"text","value":"//todo 錯誤處理"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":"    "}]},{"type":"element","tag":"span","props":{"class":"ct-069d0c"},"children":[{"type":"text","value":"return"}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":"response"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":";"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-a84a39"},"children":[{"type":"text","value":"},()"}]},{"type":"element","tag":"span","props":{"class":"ct-26b60b"},"children":[{"type":"text","value":"=>"}]},{"type":"element","tag":"span","props":{"class":"ct-a84a39"},"children":[{"type":"text","value":"{"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":"    "}]},{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":"Message"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":"."}]},{"type":"element","tag":"span","props":{"class":"ct-0d8a91"},"children":[{"type":"text","value":"error"}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":"("}]},{"type":"element","tag":"span","props":{"class":"ct-a91fd3"},"children":[{"type":"text","value":"'"}]},{"type":"element","tag":"span","props":{"class":"ct-44b3a6"},"children":[{"type":"text","value":"請求有誤"}]},{"type":"element","tag":"span","props":{"class":"ct-a91fd3"},"children":[{"type":"text","value":"'"}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":")"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":";"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":"}"}]},{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":")"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":";"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-069d0c"},"children":[{"type":"text","value":"export"}]},{"type":"element","tag":"span","props":{"class":"ct-964516"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-069d0c"},"children":[{"type":"text","value":"default"}]},{"type":"element","tag":"span","props":{"class":"ct-964516"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-6891b4"},"children":[{"type":"text","value":"function"}]},{"type":"element","tag":"span","props":{"class":"ct-9aac3f"},"children":[{"type":"text","value":"("}]},{"type":"element","tag":"span","props":{"class":"ct-964516"},"children":[{"type":"text","value":"method"}]},{"type":"element","tag":"span","props":{"class":"ct-9aac3f"},"children":[{"type":"text","value":","}]},{"type":"element","tag":"span","props":{"class":"ct-964516"},"children":[{"type":"text","value":" url"}]},{"type":"element","tag":"span","props":{"class":"ct-9aac3f"},"children":[{"type":"text","value":","}]},{"type":"element","tag":"span","props":{"class":"ct-964516"},"children":[{"type":"text","value":" data "}]},{"type":"element","tag":"span","props":{"class":"ct-069d0c"},"children":[{"type":"text","value":"="}]},{"type":"element","tag":"span","props":{"class":"ct-964516"},"children":[{"type":"text","value":" "}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":"  "}]},{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":"method"}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-069d0c"},"children":[{"type":"text","value":"="}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":"method"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":"."}]},{"type":"element","tag":"span","props":{"class":"ct-0d8a91"},"children":[{"type":"text","value":"toLowerCase"}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":"()"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":";"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":"  "}]},{"type":"element","tag":"span","props":{"class":"ct-069d0c"},"children":[{"type":"text","value":"switch"}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":" ("}]},{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":"method"}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":") "}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":"{"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":"    "}]},{"type":"element","tag":"span","props":{"class":"ct-069d0c"},"children":[{"type":"text","value":"case"}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-a91fd3"},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"class":"ct-44b3a6"},"children":[{"type":"text","value":"post"}]},{"type":"element","tag":"span","props":{"class":"ct-a91fd3"},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":":"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":"      "}]},{"type":"element","tag":"span","props":{"class":"ct-069d0c"},"children":[{"type":"text","value":"return"}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":"instance"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":"."}]},{"type":"element","tag":"span","props":{"class":"ct-0d8a91"},"children":[{"type":"text","value":"post"}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":"("}]},{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":"url"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":","}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":"data"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":","}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":"config"}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":")"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":";"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":"    "}]},{"type":"element","tag":"span","props":{"class":"ct-069d0c"},"children":[{"type":"text","value":"case"}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-a91fd3"},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"class":"ct-44b3a6"},"children":[{"type":"text","value":"get"}]},{"type":"element","tag":"span","props":{"class":"ct-a91fd3"},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":":"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":"      "}]},{"type":"element","tag":"span","props":{"class":"ct-069d0c"},"children":[{"type":"text","value":"return"}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":"instance"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":"."}]},{"type":"element","tag":"span","props":{"class":"ct-0d8a91"},"children":[{"type":"text","value":"get"}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":"("}]},{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":"url"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":","}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":"{"}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":" params"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":":"}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":"data"}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":"}"}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":")"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":";"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":"    "}]},{"type":"element","tag":"span","props":{"class":"ct-069d0c"},"children":[{"type":"text","value":"case"}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-a91fd3"},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"class":"ct-44b3a6"},"children":[{"type":"text","value":"delete"}]},{"type":"element","tag":"span","props":{"class":"ct-a91fd3"},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":":"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":"      "}]},{"type":"element","tag":"span","props":{"class":"ct-069d0c"},"children":[{"type":"text","value":"return"}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":"instance"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":"."}]},{"type":"element","tag":"span","props":{"class":"ct-0d8a91"},"children":[{"type":"text","value":"delete"}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":"("}]},{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":"url"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":","}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":"{"}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":" params"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":":"}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":"data"}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":"}"}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":")"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":";"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":"    "}]},{"type":"element","tag":"span","props":{"class":"ct-069d0c"},"children":[{"type":"text","value":"case"}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-a91fd3"},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"class":"ct-44b3a6"},"children":[{"type":"text","value":"put"}]},{"type":"element","tag":"span","props":{"class":"ct-a91fd3"},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":":"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":"      "}]},{"type":"element","tag":"span","props":{"class":"ct-069d0c"},"children":[{"type":"text","value":"return"}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":"instance"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":"."}]},{"type":"element","tag":"span","props":{"class":"ct-0d8a91"},"children":[{"type":"text","value":"put"}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":"("}]},{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":"url"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":","}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":"data"}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":")"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":";"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":"    "}]},{"type":"element","tag":"span","props":{"class":"ct-069d0c"},"children":[{"type":"text","value":"case"}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-a91fd3"},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"class":"ct-44b3a6"},"children":[{"type":"text","value":"patch"}]},{"type":"element","tag":"span","props":{"class":"ct-a91fd3"},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":":"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":"      "}]},{"type":"element","tag":"span","props":{"class":"ct-069d0c"},"children":[{"type":"text","value":"return"}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":"instance"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":"."}]},{"type":"element","tag":"span","props":{"class":"ct-0d8a91"},"children":[{"type":"text","value":"patch"}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":"("}]},{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":"url"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":","}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":"data"}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":")"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":";"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-93a089"},"children":[{"type":"text","value":"    "}]},{"type":"element","tag":"span","props":{"class":"ct-9ebf8e"},"children":[{"type":"text","value":"default"}]},{"type":"element","tag":"span","props":{"class":"ct-a84a39"},"children":[{"type":"text","value":":"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":"      "}]},{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":"console"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":"."}]},{"type":"element","tag":"span","props":{"class":"ct-0d8a91"},"children":[{"type":"text","value":"log"}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":"("}]},{"type":"element","tag":"span","props":{"class":"ct-a91fd3"},"children":[{"type":"text","value":"`"}]},{"type":"element","tag":"span","props":{"class":"ct-44b3a6"},"children":[{"type":"text","value":"未知的 method: "}]},{"type":"element","tag":"span","props":{"class":"ct-a91fd3"},"children":[{"type":"text","value":"${"}]},{"type":"element","tag":"span","props":{"class":"ct-067164"},"children":[{"type":"text","value":"method"}]},{"type":"element","tag":"span","props":{"class":"ct-a91fd3"},"children":[{"type":"text","value":"}`"}]},{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":")"}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":";"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-93a089"},"children":[{"type":"text","value":"      "}]},{"type":"element","tag":"span","props":{"class":"ct-9ebf8e"},"children":[{"type":"text","value":"return"}]},{"type":"element","tag":"span","props":{"class":"ct-93a089"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-c3a293"},"children":[{"type":"text","value":"false"}]},{"type":"element","tag":"span","props":{"class":"ct-a84a39"},"children":[{"type":"text","value":";"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-8130f8"},"children":[{"type":"text","value":"  "}]},{"type":"element","tag":"span","props":{"class":"ct-fb9e22"},"children":[{"type":"text","value":"}"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-a84a39"},"children":[{"type":"text","value":"};"}]}]}]}]}]},{"type":"element","tag":"h2","props":{"id":"路由"},"children":[{"type":"text","value":"路由"}]},{"type":"element","tag":"ul","props":{},"children":[{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"佈署在server需要在server端做路由指向的調整，應把請求都指向前端路由去處理。\n"},{"type":"element","tag":"a","props":{"href":"https://book.vue.tw/CH4/4-1-vue-router-intro.html","rel":["nofollow","noopener","noreferrer"],"target":"_blank"},"children":[{"type":"text","value":"參考Vue路由解說"}]}]}]},{"type":"element","tag":"h2","props":{"id":"vscode-vetur"},"children":[{"type":"text","value":"vscode vetur"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"情境:在.vue file中若出現scss的語法，vscode vetur套件會檢查.vue file可能出現警告訊息，原因推測是vetur無法認得scss的語法。"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"element","tag":"img","props":{"alt":"警告訊息","src":"https://i.imgur.com/SL4En2X.jpg"},"children":[]}]},{"type":"element","tag":"info","props":{},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"解決方法:在vscode vetur 套件的設定中 取消對style tag內容的驗證。"}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"element","tag":"img","props":{"alt":"關閉驗證","src":"https://i.imgur.com/zHGjiiq.jpg"},"children":[]}]},{"type":"element","tag":"style","children":[{"type":"text","value":".ct-c3a293{color:#FF9CAC}.ct-93a089{color:#F07178}.ct-9aac3f{color:#89DDFF}.ct-9ebf8e{color:#89DDFF}.ct-ceb4d5{color:#A6ACCD}.ct-26b60b{color:#C792EA}.ct-3e2f53{color:#89DDFF}.ct-f7c313{color:#A6ACCD}.ct-77a696{color:#C3E88D}.ct-069d0c{color:#89DDFF}.ct-19a1a4{color:#A6ACCD}.ct-65b52d{color:#676E95}.ct-6891b4{color:#C792EA}.ct-964516{color:#A6ACCD}.ct-bc5417{color:#F07178}.ct-0d8a91{color:#82AAFF}.ct-43804a{color:#F07178}.ct-bbb975{color:#F78C6C}.ct-8b82ce{color:#FF9CAC}.ct-8d49ee{color:#676E95}.ct-44b3a6{color:#C3E88D}.ct-a91fd3{color:#89DDFF}.ct-fb9e22{color:#89DDFF}.ct-8130f8{color:#F07178}.ct-067164{color:#A6ACCD}.ct-b1a175{color:#A6ACCD}.ct-a84a39{color:#89DDFF}.ct-ee3b5b{color:#89DDFF}.dark .ct-ee3b5b{color:#79C0FF}.dark .ct-a84a39{color:#C9D1D9}.dark .ct-b1a175{color:#C9D1D9}.dark .ct-067164{color:#C9D1D9}.dark .ct-8130f8{color:#C9D1D9}.dark .ct-fb9e22{color:#C9D1D9}.dark .ct-a91fd3{color:#A5D6FF}.dark .ct-44b3a6{color:#A5D6FF}.dark .ct-8d49ee{color:#8B949E}.dark .ct-8b82ce{color:#79C0FF}.dark .ct-bbb975{color:#79C0FF}.dark .ct-43804a{color:#A5D6FF}.dark .ct-0d8a91{color:#D2A8FF}.dark .ct-bc5417{color:#D2A8FF}.dark .ct-964516{color:#FFA657}.dark .ct-6891b4{color:#FF7B72}.dark .ct-65b52d{color:#8B949E}.dark .ct-19a1a4{color:#7EE787}.dark .ct-069d0c{color:#FF7B72}.dark .ct-77a696{color:#79C0FF}.dark .ct-f7c313{color:#79C0FF}.dark .ct-3e2f53{color:#79C0FF}.dark .ct-26b60b{color:#FF7B72}.dark .ct-ceb4d5{color:#79C0FF}.dark .ct-9ebf8e{color:#FF7B72}.dark .ct-9aac3f{color:#FFA657}.dark .ct-93a089{color:#C9D1D9}.dark .ct-c3a293{color:#79C0FF}"}]}],"toc":{"title":"","searchDepth":3,"depth":3,"links":[{"id":"安裝流程","depth":2,"text":"安裝流程"},{"id":"env檔","depth":2,"text":".env檔"},{"id":"tailwind設定","depth":2,"text":"tailwind設定"},{"id":"vue-config設定","depth":2,"text":"Vue config設定"},{"id":"axios封裝","depth":2,"text":"axios封裝"},{"id":"路由","depth":2,"text":"路由"},{"id":"vscode-vetur","depth":2,"text":"vscode vetur"}]}},"_type":"markdown","_id":"content:1.blog:4.Vue Pratice:1.Vue2 與vue-cli建置專案.md","_source":"content","_file":"1.blog/4.Vue Pratice/1.Vue2 與vue-cli建置專案.md","_extension":"md"}