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

在Vue项目中遇到动态设置img的src属性导致图片无法显示的问题,原因是动态添加的src被视为静态资源未进行编译。解决方法是在模板中使用require('path')的方式引用图片,并在`npm run build`后出现资源找不到错误时,修改webpack配置文件webpack.prod.conf.js中的publicPath为'./'。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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

解决办法:

    imgSrc写成require('path');


原因:

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


npm run build 后出现 xxxxxxx net::ERR_FILE_NOT_FOUND


解决办法:

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

    找到:output 对象

    添加:publicPath:‘./’

    具体写法:    publicPath: process.env.NODE_ENV === 'production'
                          ? './' +config.build.assetsPublicPath
                          : './' + config.dev.assetsPublicPath

   






评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值