vue src 无法绑定的问题

 <img src="../assets/images/identity1.png" alt="图片加载失败" />

   这样是可以的，但是如果写成动态的
 

<img :src="uploadIdentity1Src" alt="图片加载失败" />


  uploadIdentity1Src:"../assets/images/identity1.png",//身份证正面

这样就 不行了，因为
http://192.168.1.8:2050/assets/images/identity1.png   在浏览器视察的时候 ，路径变成了这样，

其实 真正的路径是这样的，vue 用webpack构建的时候处理，在 打包的时候可以看到，就是在dist/img 这个路径下；处理成了打包后的路径，根目录就是dist
http://192.168.1.8:2050/img/identity1.a8b7de0d.png

 

解决方法：

1. import 引入

import one from '../assets/images/identity1.png'

2. require 引入  webpack 就是  基于common.js 构建的

 <img :src="require('../assets/images/identity2.png')" alt="图片加载失败" />