vue2.5项目打包后静态文件访问出错

最新推荐文章于 2024-04-27 14:56:45 发布
最新推荐文章于 2024-04-27 14:56:45 发布
阅读量258 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_38623747/article/details/107774349
版权

vue项目打包之后出现静态文件访问出错的问题，搜素后发现改变config里的index.js和build里的utils文件可行，参考链接：https://blog.csdn.net/julystroy/article/details/82899449
记录下。

李小圆_
关注
vue官方vue-cli构建的vue项目结构分析
saucxs
02-20 619
一、概要 vue现在在很多公司会大量使用，研究一下vue-cli脚手架构建项目的项目结构，有助于理解vue。 博客首发地址：https://www.mwcxs.top/page/570.html 使用vue-cli脚手架搭建vue项目的具体步骤如下： npm install -g vue-cli cd E:(跳转到项目目录) vue init webpack vueproject (vu...
关于js和vue以及项目搭建的相关问题
weixin_43689726的博客
08-08 613
关于js，vue,以及项目搭建和跨域等问题
Vue打包后访问静态资源路径问题
10-16
在本篇文章里小编给各位整理的是关于Vue打包后访问静态资源路径问题相关知识点，需要的朋友们学习下。
vue2.5打包出来的背景图的路径问题
Zhooson的博客
12-12 339
解决办法为：只需要在build/utils.js文件中添加如下一行代码即可。
2、vue项目打包及静态文件报错解决
落笔半海的博客
12-21 1376
vue项目打包及静态文件报错解决 Failed to load resource: net::ERR_FILE_NOT_FOUND或者build之后dist文件下的index.html不显示内容 通过vue-cli创建的项目 npm run dev运行开发环境可以看到效果， 但是npm run bulid之后，生成的dist文件下的index.html直接打开不显示内容，看不到效果，...
vue静态资源打包中的坑与解决方案
weixin_33709219的博客
02-03 677
本文主要解决 ①.vue-cli默认配置打包后部署至特定路径下静态资源路径错误问题; ②.静态资源打包使用相对路径后css文件引入大图片路径错误问题。 问题 vue-cli 脚手架生成的默认打包配置文件情况下运行 npm run build 打包后，部署项目至特定路径下：如： //ip:port/public/springActivity/ 复制代码此时访问： http://ip:port...
vue项目的业务页面中访问static静态资源，点击下载时报未发现文件
Kratial的博客
04-21 2186
【代码】vue项目的业务页面中访问static静态资源，点击下载时报未发现文件。
Vue( ElementUI入门、vue-cli安装)
m0_64863860的博客
09-29 1306
Vue是一个当下流行的开发框架，它的核心思想是组件化和数据驱动，ElementUI是饿了么推出的基于vue2.0的组件库，提供了丰富的课复用的组件，方便前端的开发。ElementUI官网。另外一个与ElmentUI类似提供基于Vue2.0的组件库是iview。Node.js是一个基于Chrome V8引擎的[JavaScript运行环境]。Node.js使用了一个事件驱动、非阻塞式I/O 的模型。
【猿说VUE】初识VUE，带你打开VUE之门
热门推荐
黑白猿的琐碎日常
02-29 2万+
自从近几年前后端分离模式开始后，作为从事后端开发的我，为了跟上时代的步伐，或者能够跟现在的年轻人交流，开始了自学VUE的学习之旅。再次记录学习中的点点滴滴，争取把学习过程中的九九八十一难都记录下来，作为自己学习的一个见证，也是对自己的一个督促。
预防cdn链接失效，无缝切换本地文件
darkerxi
11-30 551
如今的前端项目追求的不仅仅是能用能看的程度，而是愈发追求项目的性能，对用户体验的影响。而现在的开发工具在性能优化方面也替我们做很大一部分的工作，想必大家对CDN的使用都是轻车熟路了，但是大家有没有考虑过，万一我们使用的CDN服务器，地址啥的出现了问题，导致我们引用的CDN文件都拿不到了，那么我们的项目崩溃了，天了噜，崩溃了。 因此我们得考虑下，引用CDN的文件拿不到了，应该有相应的处理方案，而不会...
Vite打包静态资源无法加载问题
weixin_48328458的博客
03-28 2139
问题：本地npm run dev正常，build 之后preview和部署到github pages之后Failed to load resource:404。场景：开发前期使用静态资源作假数据，含嵌套父子组件传值。这部分尝试用引入方法时也出现加载不出来但不报错的情况。1.页面需要直接显示的部分尽量用标签直接引入。2. 文件中各处使用引入的方式使用。项目：Vue3 + Vite。
Vue项目打包后静态资源图片失效的问题
weixin_65356798的博客
08-03 1045
解决vue项目打包之后静态资源图片失效的问题
vue项目使用webpack打包后部署到服务中无法读取静态资源
followly的博客
12-11 2000
在打包vue项目时，因为通过脚手架生成的项目，部署到服务中会出现读取静态资源404的情况
解决vue打包后部署到服务器找不到静态资源问题
ct5211314的博客
12-28 9493
我们将项目打包后放到服务器上，会报找不到静态资源的错误。 一、错误原因 将项目打包后放在服务器上会默认在根目录上去找静态资源，但我们并没有将资源放在根目录上 二、解决方案新增vue.config.js文件 与后台沟通好服务器资源所放位置 module.exports = { publicPath: process.env.NODE_ENV === "development" ? "" : "/h5/pharmacy", }; ...
使用yarn build 打包vue项目时静态文件或图片未打包成功
weixin_45626288的博客
08-24 1509
使用yarn build 打包vue项目时静态文件或图片未打包成功
vue打包后静态资源或图片无法访问,vue打包后html一片空白
khbilhjknkjb的博客
09-15 1827
@[TOC](vue打包后静态资源或图片无法访问,vue打包后html一片空白 1.更改配置文件资源路径 2.将所有的.jpeg类型的图片改成png或者jpg 希望对你有所帮助
解决vue打包后静态资源路径错误的问题
最新发布
2401_84435555的博客
04-27 2078
页面中引入资源的方式往往有如下几种* HTML标签中直接引入图片， 如* JS代码中定义资源路径属性，如* CSS代码中定义资源为背景图片，如上述三种资源加载方式还是有所区别的。前两种无论图片大小，都会使用url-loader加载器将其转化为base64编码的静态资源，而第三种方式则会根据webpack中配置的limit参数，动态选择符合大小要求的图片进行转码，此时则会导致不符合大小选择的图片加载失败，同时报出如下错误。
前后端整合vue+springBoot+gateway。解决vue打包之后放到springBoot的static文件夹无法访问，gateway转发静态资源文件的失败的问题
xal
09-19 2214
当然不会，它那么多模块它怎么会知道访问哪个的static，这个时候我们就需要使用gateway的断言指定一个模块的static是作为静态文件夹。如果是vue打包文件，因为打包生成的是index.html,我们知道index文件是可以省略不写的，那么他的访问路径就是 http://localhost:8080。如下方结构：我们想访问a.txt文件，假设启动端口为8080，那么访问路径就是 http://localhost:8080/a.txt。我们只需要作为静态资源文件的模块，注意一定要是这个模块。
Vue2.5硅谷外卖项目实战教程
这个教程详细介绍了Vue.js框架在实际项目中的应用，特别关注了Vue 2.5的新特性和最佳实践。Vue项目开发准备涵盖了项目初始化和目录结构设计，确保了代码的组织性和可维护性。Vue组件化的编码方式让开发者能更好地...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值