[TOC] >[success] # vue.config.js說明 **vue.config.js** 是 **vue** 的 **配置文件** ~~~ const path = require('path') // 引入nodejs的path模塊 const resolve = dir => path.join(__dirname, dir) // resolve方法用來加載路徑 const BASE_URL = process.env.NODE_ENV === 'production' ? '/iview-admin/' : '/' // 判斷當前為開發環境還是打包環境, '/'意思是代表指定在域名的根目錄下，如果要指定到iview-admin下就這樣寫'/iview-admin/', production為生產壞境，development為開發環境 module.exports = { lintOnSave: false, // 取消每次保存時都進行一次' ESLint '檢測 publicPath: BASE_URL, // 項目的基本路徑,vuecli2.0時打包經常靜態文件找不到，就是需要配置這個屬性為'./' chainWebpack: config => { // 配置Webpack config.resolve.alias .set('@', resolve('src')) // 引入文件時候“ @ ”符號就代表src .set('_c', resolve('src/components')) // 引入組件文件夾中的文件就可以用“ _c ”代替src/components }, productionSourceMap: false, // 打包時不生成.map文件，會減少打包體積，同時加快打包速度 devServer: { // 跨域有2種解決方案： 1. 在后端的header中配置， 2. 使用devServer來配置代理解決跨域 proxy: 'http://localhost:4000' // 這里寫需要代理的URL,這里會告訴開發服務器，將任何未知請求匹配不到靜態文件的請求，都代理到這個URL來滿足跨域 } } ~~~