DDR爱好者之家

vue 动态设置img的src地址无效,npm run build 后找不到文件的解决
站长资源 2024/12/26 佚名
52 1538
DDR爱好者之家 Design By 杰米

动态设置img的src属性无效，而直接写可以

vue 动态设置img的src地址无效,npm run build 后找不到文件的解决

解决办法：

imgSrc写成require('path')；

vue 动态设置img的src地址无效,npm run build 后找不到文件的解决

原因：

动态添加src被当做静态资源处理了，没有进行编译

vue 动态设置img的src地址无效,npm run build 后找不到文件的解决

npm run build 后出现 xxxxxxx net::ERR_FILE_NOT_FOUND

解决办法：

进入：build文件夹 > 打开 webpack.prod.conf.js

找到：output 对象

添加：publicPath：‘./'

具体写法：

publicPath: process.env.NODE_ENV === 'production'
 "" src="/UploadFiles/2021-04-02/20200726151437.jpg">


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


问题描述及错误代码：





// 本地运行、打包 图片是ok的
<img src="/UploadFiles/2021-04-02/orderSeeProgress0.png">


解决办法：


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




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


<img src="/UploadFiles/2021-04-02/orderSeeProgress0.png">



（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的。
<img :src="/UploadFiles/2021-04-02/orderPro1Img">


以上这篇vue 动态设置img的src地址无效,npm run build 后找不到文件的解决就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。


                                

                                

                                     

                                
DDR爱好者之家 Design By 杰米
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
DDR爱好者之家 Design By 杰米
ddrfans.com DDR爱好者之家
8,675无损音乐
1,324高清电影
213破解软件
70,141收录资讯

P70系列延期，华为新旗舰将在下月发布

3月20日消息，近期博主@数码闲聊站 透露，原定三月份发布的华为新旗舰P70系列延期发布，预计4月份上市。

而博主@定焦数码 爆料，华为的P70系列在定位上已经超过了Mate60，成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢？

根据目前爆料的消息来看，华为P70系列将推出三个版本，其中P70和P70 Pro采用了三角形的摄像头模组设计，而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智，但辨识度绝对拉满。

更新日志

友情链接

杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网
DDR爱好者之家 Design By 杰米