解决：vue项目npm run build 打包后 :src路径里面的本地图片找不到。

问题描述及错误代码：

// 本地运行、打包  图片是ok的
     

// 本地运行 图片是ok的、打包图片找不到  (因为图片的路径被解析成了字符串)
   

// 本地运行 图片是ok的、打包图片找不到  (因为图片的路径被解析成了字符串)
   

解决办法：

（1）如果使用的是静态图片，切路径地址不会改变，那就直接使用 src 如下方法：（相对路径的）

// 本地运行、打包  图片是ok的
     

（2）如果图片是根据数据动态变化的，那么就得使用 :src  ( 动态改变src的值)

（2-1）首先在配置文件里面给static文件起个别名：（我起得别名是@@）

build / webpack.base.conf.js  配置别名如下：

resolve: {
    extensions: ['.js', '.vue', '.json'],
    alias: {
      'vue$': 'vue/dist/vue.esm.js',
      '@': resolve('src'),
      '@@': resolve('static'),
    }
  },

（2-2）引入图片地址，然后在data里面定义，在 :src里面使用。 

// 这样使用：  本地、打包后 图片都是ok的。