webpack静态资源打包上线后下载失败

最新推荐文章于 2024-02-27 00:41:56 发布
最新推荐文章于 2024-02-27 00:41:56 发布
阅读量256 收藏
点赞数 1
文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jm2651568922/article/details/123554839
版权
项目中遇到一个问题，原本在测试环境中能够正常下载xls和docx模板文件的代码，在上线环境中失效。问题出在文件路径上，原本使用的是绝对路径，现在改为`static/[filename]`格式来引用静态资源，以解决不同环境下的下载问题。
摘要由CSDN通过智能技术生成

项目中有一个需求是模板下载文件按钮，下载xls、docx文件格式的模板，写的是绝对路径，测试的时候可以下载，但是上线环境就下载失败，路径应该写成static/[filename]

.黑白.
关注
webpack静态模块打包器
qq_43944285的博客
05-02 791
webpack 概述 : 是一个现代的JavaScript应用程序的静态模块的打包器(module bundle) 静态:文件资源 模块:node环境,引入文件,遵守模块化语法. less/sass ->css 多个文件 -->webpack(打包 翻译(es6/7/8的翻译成es5(兼容浏览器)) 压缩(把文件压缩合并(删除空格和注释))) --> .js .css .jpg .png 操作: 1.环境基于node 2.项目准备
vue项目webpack打包后找不到静态资源、图片，报404问题
lyn1772671980的博客
06-26 7662
修改vue-cli脚手架生成的build文件夹下的utils.js的publicPath:'../../'if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, fallback: 'vue-style-loader', publicPath:'../../'...
vue下载本地静态文件测试本地可以下载，生产就不可以解决办法
Hailee7的博客
04-13 906
一般都是路径问题。 因为项目路由加了前缀，这是最主要的原因，所以生产找不到，（至于为什么测试可以生产就不行 还不清楚）所以public下会有这个iga-auto文件夹，一开始我放在static下，static和iga-auto同级，把static放进iga-auto下，下载路径由/static/XX.xls变为/iga-auto/XX.xls就可以了。 ...
解决vue打包之后静态资源图片失效的问题
11-27
1、问题描述 在项目开发中,当我们通过npm run build打包之后将文件放在服务器上时通常会出现图片失效问题,控制台中提示某个图片没有找到（404错误），这些图片可以是以src引入的图片， 也可以是css中定义的背景图片。图片能否显示与你的静态资源文件存在位置和引入的路径直接相关，下面是我的其中一个项目的文件存放以及路径书写方式！ 2、解决方法之一 静态资源static存放位置放在src目录下   你可能会问为什么放在src目录下？放在跟src同级目录下不可以吗？好吧，一开始我也是放在src同级目录下，但是在某个css文件中引入背景图片的时候打包之后图片失效，我是这样引入的   实践证
npm install webpack 下载失败
最新发布
q610098308的专栏
02-27 652
1.可以换成国内镜像。
webpack中plugin下载失败原因
lf_refuel的博客
06-01 445
一开始将npm版本切换低版本进行尝试，还是下载失败， 最后用cnpm下载成功了
nginx+tomcat代理https下大文件无法下载及部分静态资源无响应
OuNuo5280的博客
12-03 1471
一个nginx参数未配置导致的springboot工程下后端接口访问都出现问题。tomcat下配置的前端工程也出现无显示数据问题。包括移动端部分数据无法显示。起初还以为是后端工程接口的问题。一个劲儿的前后端+移动端三端排查。最后发现都没有问题。 1.问题分析： 移动端部分数据和前端部分数据无法访问加载，首先看一下swagger接口下访问接口数据是否出参。 发现后端接口数据不报错，只是无法显示出参数据。本地对后端工程进行测试重新打包发布。问题不变。 故此，考虑是否是nginx代理相关问题，进行细致的排查后发现
webpack下载图片压缩(imagemin)的依赖插件，出现下载失败的问题
coding...
12-03 1411
webpack下载图片压缩(imagemin)的依赖插件，出现下载失败的问题
vue cli3.0打包上线静态资源找不到路径的解决操作
10-15
在使用 Vue CLI 3.0 进行项目打包时，可能会遇到静态资源（如图片、CSS、JavaScript 文件等）找不到路径的问题。这个问题通常出现在部署到服务器后，因为本地开发环境与线上环境的资源路径不同。以下是如何解决这个...
vue填坑之webpack run build 静态资源找不到的解决方法
10-18
总的来说，解决Vue项目中Webpack build后的静态资源找不到的问题，关键在于理解`config/index.js`中的Webpack配置，特别是`assetsPublicPath`，它决定了静态资源的相对路径。在不同的服务器部署环境下，可能需要根据...
新电脑webpack npm下包下包下载不下来问题
a378113472的博客
08-21 356
不能使用cnpm 和rpm 可以直接改变 npm 镜像 不使用下包修改 淘宝的数据源： npm config set registry https://registry.npm.taobao.org
Vue打包静态pdf下载时失败-未发现文件
weixin_48328458的博客
04-07 671
尝试了各种办法，感觉怎么都是正确的，问了chatgpt后发现可能是github pages特有的，于是我查看点击a标签后的路径，发现是不包括仓库名的，只有github.io/static/xxx.pdf，手动改路径加上仓库名如github.io/MyPersonalPage/static发现能显示。看来github pages是在用绝对路径的时候会自动加上一个repo的名字在中间，于是我又在标签内去掉了仓库名，打包部署，终于解决了。改回来多等了几分钟终于好了，我现在怀疑相对路径也行就是得多等一会儿...
webpack 无法安装
weixin_38166789的博客
03-30 224
命令行输入: npm install webpack -g 解决办法：增加环境变量 D:\nine\trunk\node_modules\.bin\ bin目录下有webpack.cmd 如果还是不可以，可以重启电脑试试，我就是重启电脑才生效的 转载于:https://www.cnblogs.com/xiaotaiyang/p/53373...
webpack安装出错
草灯的专栏
02-08 6396
最近一直在看vue框架，都说使用webpack打包程序好用，于是又去看了下webpack中文指南教程，根据步骤安装了下，结果在全局安装完在输入webpack -h就出现如下错误了         webpack指南中说道Webpack 需要 Node.js v0.6 以上支持，建议使用最新版 Node.js。从上图可以看出我的nodejs版本是够的，但是为啥会出错呢？于是我又重新
npm下载webpack时常见错误解决办法
@不喝海之言@
03-12 6317
npm下载webpack时出错解决办法 这篇博客，我介绍了初始阶段，全局安装的情况下，三种常见的npm下载webpack时出错的原因及其解决办法。 一：没有node.js 首先确定，你的电脑是否安装了node.js，并且可以正常使用。 可以在DOS命令窗口输入node -v，npm -v，看是否会出现版本号： 若正常显示，则成功，否则就需要重新安装一下了node.js了。 如果你没有安装，那...
Vue 下载本地静态资源
热门推荐
不知在知的博客
04-14 1万+
Vue 下载本地静态资源 项目需要下载本地的Excel文档，文档是放在本地的没有在服务器，所以需要下载本地静态资源文件，开始把文件放在了 这里src目录下的assets资源文件下 ![在这里插入图片描述](https://img-blog.csdnimg.cn/20200414103658710.png#pic_center) 下载报错 找不到文件路径 查找原因是因为项目用的是vue-cl...
纯前端实现文件下载的方法及其下载失败可能的原因
cxwy_ing的博客
12-20 2830
实现前端下载文件，完全不需要后端接口 HTML: href="静态文件路径" download="调用操作指南.pdf" >点我下载</a > 文件需放在前端包里，download后的文件名需要跟静态文件的名字一样。 ...
下载安装webpack
WGTkris的博客
07-20 7109
下载安装webpack的步骤
关于webpack下载loader时遇到的问题
Love_Susan_的博客
08-29 259
下载0.28.0版本
Vue webpack子目录部署：资源文件路径的正确配置方法
"这篇文章除了介绍如何在Vue项目中使用webpack进行子目录部署时正确处理资源文件路径，还探讨了webpack在处理图片、字体等静态资源时可能遇到的问题，以及如何通过调整webpack配置来解决这些问题。文章特别强调了在...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值