vue-cli 2.x 版本創建項目時，我們可以在 build 文件夾下找到 webpack.base.conf.js 文件，在里面修改 resolve.alias 即可。
resolve: { extensions: ['.js', '.vue', '.json'], alias: { 'vue$': 'vue/dist/vue.esm.js', '@': resolve('src'), } }, 但是vue-cli 3.0 創建項目時，目錄結構精簡化，找不到 build 和 config 文件夾，那么該如何修改路徑別名呢？
只需要在項目根目錄下，新建vue.config.js文件，代碼如下：
const path = require('path');//引入path模塊 function resolve(dir){ return path.join(__dirname,dir)//path.join(__dirname)設置絕對路徑 } module.exports={ chainwebpack:(config)=>{ config.resolve.alias //set第一個參數：設置的別名，第二個參數：設置的路徑 .set('@',resolve('./src')) .set('components',resolve('./src/components')) .set('assets',resolve('./src/assets')) .set('views',resolve('./src/views')) .set('network',resolve('./src/network')) //注意 store 和 router 沒必要配置 } } 配置好想用的路徑別名后，重新啟動項目，再引入文件時，使用別名即可 配置路徑前：
import my from "../views/my/My.vue"; 配置路徑后(不用再擔心文件層級關系)：
import my from "views/my/My.vue"; 注意，引用別名時如果是html中的路徑，則需要在別名前面加符號~
<img src="~assets/img/tabbar/home.svg" alt="" slot="item-icon"> 資源搜索網站大全 http://www.szhdn.com 廣州VI設計公司https://www.houdianzi.com
圖片問題：
在做Vue項目的時候，由於項目需求，需要動態綁定img的src時，突然發現如果說是直接請求后台接口的圖片地址就能顯示，但是直接動態綁定img的src的圖片的相對路徑或者是絕對路徑的時候，圖片不能顯示。
html代碼：
<img :src="MyimgSrc" alt=""> js代碼：
this.MyimgSrc = 'assets/jd/market/img/temp/icon_yj.png' /* 或者 this.MyimgSrc = '~assets/jd/market/img/temp/icon_yj.png'*/ 解決方法：
當在給數據MyimgSrc 設置絕對路徑或者是相對路徑時應該使用require引入才能成功
this. MyimgSrc = require('assets/jd/market/img/temp/icon_yj.png') 注意：當圖片通過require 引入時，路徑前面不能加@ 或者 ~