7.vue配置文件的alias(别名)

1.文件路径的引用问题（配置文件路径vue.config.js）
2.在项目根目录下创建vue.config.js文件

3.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 没必要配置}}

4.配置好想用的路径别名后，重新启动项目，再引入文件时，使用别名即可。

4.图片路径的引用问题：

1、循环遍历本地图片，渲染不出来。

解决办法：require加载,require加载图片时可以使用相对地址