vue 发布后找不到图片等静态资源

最新推荐文章于 2024-05-10 20:28:15 发布
最新推荐文章于 2024-05-10 20:28:15 发布
阅读量3.8k 收藏
点赞数
分类专栏： vue 文章标签： vue 静态资源
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mannix_lei/article/details/79218362
版权

在config/index.js中，将assetsPublicPath后面的“/”加个点就好了。

原因：

build.assetsPublicPath是资源的根目录
这个是通过http服务器运行的url路径。在大多数情况下，这个是根目录( /)。如果你的后台框架对静态资源url前缀要求，你仅需要改变这个参数。在内部，这个是被webpack当做 output.publicPath来处理的。
后台有要求的话一般要加上./ 或者根据具体目录添加，不然引用不到静态资源

mannix_lei
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
VUE3语法--img图片不显示/img的src动态赋值图片显示
雾林小妖的博客
11-27 1万+
在VUE中，img中的src动态赋值的之后，无法显示图片出现404.以及VUE中通过require访问静态资源出现的Uncaught Error: cannot module ‘asstes/logo.png’问题。
vue填坑之webpack run build 静态资源找不到的解决方法
10-18
总的来说，解决Vue项目中Webpack build后的静态资源找不到的问题，关键在于理解`config/index.js`中的Webpack配置，特别是`assetsPublicPath`，它决定了静态资源的相对路径。在不同的服务器部署环境下，可能需要根据...
vue打包dist文件时，图片找不到
weixin_30292745的博客
01-18 2646
1.vue打包dist文件时，图片找不到，无法像在本地一样查看 问题描述： 　　本地代码：<div class="icon"><img :src="'../../src/assets/img/usecar/' + item.appIcon +'.png'" width="50" height="50"/></div> （显示正常） 　...
Vue项目中图片资源应该存放public还是assets文件夹下？
最新发布
qq_44741577的博客
05-10 729
你是否有过这样的疑问？在vue项目中public和assets文件夹都可以存放图片，那么图片应该存放public还是assets文件夹下？public或assets文件夹下有什么区别呢？什么样的图片应该存放在public文件夹下？什么样的图片应该存放在assets文件夹下？
vue引入本地图片不显示；vue引入本地图片；
i_am_a_div的博客
12-12 408
vue引入本地图片不显示；vue引入本地图片；
本地图片不显示（vue问题处理）
qq_31151123的博客
04-20 1071
如图所示 我的node版本是V16.14.2,npm版本8.5.0； 更换node版本V14.18.0,npm版本6.14.15解决。 如果更换node版本后还是不显示本地图片，清理计算机的node缓存，如下图所示，删除npm-cache,重新下载依赖和运行项目。 ...
vue 打包后部署到WebSphere上静态资源丢失问题
hlvy
12-09 984
1、在vue main.js配置好地址后   2、npm run build之后生成dist文件夹里面有2个文件如图     在eclipse建个动态web工程   把这2个文件放在WebContent目录下   可以先用tomcat测试下再打包 ...... 测试完成后   file----Export...搜索war   点击war file --ne...
nginx反向代理二级目录 导致vue项目静态文件css js访问不到
Z.X的博客
06-01 4780
2022年5月30日19:06:00 nginx vue项目配置 server { listen 9888; server_name 127.0.0.1; error_log /data/log/nginx/houtai-error.log; access_log /data/log/nginx/houtai-ac...
vue cli3.0打包上线静态资源找不到路径的解决操作
10-15
在使用 Vue CLI 3.0 进行项目打包时，可能会遇到静态资源（如图片、CSS、JavaScript 文件等）找不到路径的问题。这个问题通常出现在部署到服务器后，因为本地开发环境与线上环境的资源路径不同。以下是如何解决这个...
解决vue打包之后静态资源图片失效的问题
08-28
解决 Vue 打包之后静态资源图片失效的问题 在 Vue 项目中， 经常会遇到一个问题，即在打包之后静态资源图片失效的问题。这种问题可能会导致图片无法显示，控制台中提示某个图片没有找到（404 错误）。这种问题的...
vue动态渲染本地路径图片不显示的解决方案，v-fro 渲染本地图片路径不显示（记录一下项目中的坑
2401_84140040的博客
04-11 426
大厂面试问深度，小厂面试问广度，如果有同学想进大厂深造一定要有一个方向精通的惊艳到面试官，还要平时遇到问题后思考一下问题的本质，找方法解决是一个方面，看到问题本质是另一个方面。还有大家一定要有目标，我在很久之前就想着以后一定要去大厂，然后默默努力，每天看一些大佬们的文章，总是觉得只有再学深入一点才有机会，所以才有恒心一直学下去。一个人可以走的很快，但一群人才能走的更远。
Vue中本地图片src路径对但是图片不出来的问题
qq_32998295的博客
02-07 2736
Vue中本地图片src路径对但是图片不出来的问题
vue部署到域名的二级目录下，路径问题
weixin_46468143的博客
08-10 668
vue部署到域名的二级目录下，路径问题
vue-cli webpack打包后加载资源的路径问题
weixin_34365635的博客
09-13 558
vue项目，访问打包后的项目，输入路径后，页面加载空白。这时会有两类问题，都是路径问题。 1.一个是css,js,ico等文件加载不到，是目录里少了dist 打开页面时一片空白 解决办法： config/index.js文件的build->assetsPublicPath的默认值改为 './' assetsPublicPath：资源的根目录。这个是通过http服务器运行的url...
Vue获取模拟数据（发送http请求）以及懒加载
weixin_43199050的博客
06-27 5608
一、给项目加上http请求的支持 1、修改src/main.js文件 加入两行代码： import VueResource from 'vue-resource' Vue.use(VueResource); 二、调用请求 1、创建在线模拟数据的接口 可去easy-mock官网创建，具体方法不在此详述。 比如，接口编辑如下： { "status": "0", "co...
【Vue】关于开发中本地图片加载失败的经验总结
NineWaited的博客
06-07 8655
关于vue网页的开发过程遇到本地图片加载失败的解决方法
【Vue】Vue项目打包发布到服务器，以及空白页或图片不显示问题
FloraCat_染小白
01-09 6538
一、Vue项目打包 Vue项目完成后，需要打包上线。打包只需要执行命令npm run build即可，但有两点需要注意的地方，否则就会出现空白页或图片不显示问题。 ① 修改路径位置，解决空白页问题。      修改位于项目目录中的config/index.js，将assetsPublicPath: '/'修改为assetsPublicPath: './'，注意有两处。如下：       ...
VUE在data中引入静态图片资源不显示
qq_40740326的博客
03-29 985
BASE_API: process.env.VUE_APP_BASE_API, // 接口API地址。subjectParentId:'',//一级分类id。subjectId: '',//二级分类id。teacherList:[],//封装所有的讲师。subjectOneList:[],//一级分类。subjectTwoList:[]//二级分类。// 图片路径，static放在src路径下。-- 课程封面-->
vue3 vite打包找不到静态资源
05-01
vue3 vite 是一个快速开发工具，会自动完成静态资源的导入和打包，但有时候出现找不到静态资源的问题。 这个问题的可能原因包括以下几个方面： 1. 路径问题。在使用import导入静态资源时，需要保证路径正确。可以确保路径正确的方法有：使用绝对路径；使用@表示项目根目录；使用别名；使用相对路径等。 2. 配置问题。可能是配置了错误的路径，导致找不到静态资源。可以先检查配置相关的部分，如webpack配置、vite配置等等。 3. 服务器问题。有时候在构建完成后，静态资源并没有正确放置到服务器上。这种情况可以重新部署服务器后再次尝试。 4. 打包问题。有时候在打包阶段，静态资源没有被正确打包到最终的文件中。可以尝试重新打包并检查打包输出结果。 综上所述，找不到静态资源可能的原因有很多，需要针对具体情况逐一排查。可以通过检查路径、配置、服务器和打包等方面来确定问题的原因，并逐步解决。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值