vue src 无法绑定的问题

 图片加载失败


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

图片加载失败


  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 构建的

 图片加载失败

你可能感兴趣的:(vue src 无法绑定的问题)