vue打包成功后显示资源找不到（failed或404）

最新推荐文章于 2023-10-18 09:29:43 发布
最新推荐文章于 2023-10-18 09:29:43 发布
阅读量580 收藏
点赞数
分类专栏： vue 文章标签： vue 404 路径
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41612889/article/details/118025547
版权

更改vue.config.js中的这个位置
加入
publicPath: “./”,
在这里插入图片描述

宁静之峰
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
webpack,抽离音频或视频等，找不到文件路径问题，解决方案
MNAHZ的博客
08-02 850
目前自己想到的俩种解决方案： 第一种解决方案： <audio src="引用服务器的地址"></audio> http://......... 第二种解决方案： npm install --save-dev copy-webpack-plugin 使用这个插件的作用，复制src目录下创建的音频或视频类文件夹，粘贴到dist文件夹，因为本地起的服务，相当于引用的是dist...
vue 音频文件打包后找不到文件
iorn_mangg的博客
08-30 2516
vue html代码 <audio id="myaudio" ref="myaudio" src="../assets/icons/1265.mp3" controls="controls" loop="loop" hidden="true"></audio> 发现本地放在static可以播放，但是assets里播放不了找不到MP3文件，打包后也找不到MP3文件 然后...
vue3+vite打包后静态资源不显示
Mjxiaomihu的博客
01-04 5936
vue3+vite打包后静态资源不显示
vue 打包部署在 nginx服务中，以及出现的一些问题
qq_39751996的博客
07-06 5306
首先来说操作步骤 前提： 1、你已经安装/下载好 nginx 2、你的vue 项目已经打包完成，并得到了dist文件夹 部署开始： 1、vue 项目打包，在控制台输入 npm run build 等待打包结束后可在项目的同级目录下得到打包文件夹 dist，中包含了我们要部署的 index.html 文件 2、将下载好的 nginx 压缩包解压后，在文件夹地址栏输入 cmd 后回车后可以直接打开文件路径， 3、在窗口命令行中输入 nginx 启动指令： start nginx 然...
Vue项目打包生成后音频文件消失
qq_39480597的博客
03-15 4016
一个正常项目中，对于前端img，js，css，audios，viedo等文件是必不可少的~上篇文章已经讲部署时js，css，img资源的路径问题~这期呢，主要讲的就是关于打包后音频消失了~瞬身之术~如图：  我的音频文件呢，说的好音频文件呢。。。。。。。。。。。WTF，消失了。。。。。。阿西吧，然后各方查阅，找到了这里，vue-loader,没错就是它竟然没有auido。。。。，添上添上之后再次打...
关于若依部署到前端,系统资源找不到问题解决
最新发布
weixin_51125521的博客
10-18 860
3.直接覆盖default.conf文件 (覆盖后修改ip部分,若本地环境的话不用修改)系统:arrch64架构ubuntu。环境:基于docker的nginx。2.进入到配置文件目录。
vue cli3.0打包上线静态资源找不到路径的解决操作
10-15
在使用 Vue CLI 3.0 进行项目打包时，可能会遇到静态资源（如图片、CSS、JavaScript 文件等）找不到路径的问题。这个问题通常出现在部署到服务器后，因为本地开发环境与线上环境的资源路径不同。以下是如何解决这个...
解决Vue打包后访问图片/图标不显示的问题
10-16
总结一下，解决Vue打包后图片和图标不显示的问题主要涉及两个步骤：一是检查并修正CSS中引用资源的路径，二是通过配置`publicPath`让Vue CLI在打包时自动处理资源路径。完成这两个步骤后，你应该能够成功地在生产...
vue项目打包为APP,静态资源正常显示,但API请求不到数据的操作
10-14
综上所述，解决Vue项目打包成APP后API请求不到数据的问题，主要是取消跨域代理，调整API请求的URL为绝对地址，以及检查打包后的路径配置。在遇到不同环境下表现不一致时，应逐一排查网络、设备和代码层面的可能因素...
vue.js iview打包上线后字体图标不显示解决办法
10-15
这个问题通常是由于资源路径配置不正确或打包过程中处理CSS样式的方式导致的。以下是一些解决此问题的方法： 1. **修改`publicPath`**： 在`build`文件夹下的`utils.js`文件中，找到与`ExtractTextPlugin`相关的...
解决vue项目 build之后资源文件找不到的问题
01-19
解决静态资源失效的问题 这就需要修改我们的 config 中的 index.js了，默认的build 中的部分是这样的： build: { // Template for index.html index: path.resolve(__dirname, '../dist/index.html'), // Paths...
vue-cli 打包出来的文件缺少_关于vue-cli打包或者上线后文件各种路径或者找不到的问题解决方案...
weixin_39920415的博客
01-13 1313
我们用vue开发项目的时候npm run dev 用的很爽的一旦 npm run build之后 或者上线之后卧槽，我的什么css，img各种加载不了，实在让人头疼，查了很多资料，以下是我的解决方案零 安装vue-clinpm install -g vue-cli // 加-g是安装到全局vue init webpack demo //然后一路回车等待安装完毕cnpm install //等...
vue 使用 webpack 打包上线后页面空白，页面报错或者资源加载不到
xiao_yu_liu的博客
09-20 3590
webpack publicPath 文档 vue router base 属性 文档 1、webpack的原因 在webpack 打包过程中，有一个配置属性，它允许您指定应用程序中所有资产的基本路径。 如果不配置这个属性，页面打包后，所有资源的加载 URl ，是默认的当前的一个路径， 但是当你放到服务器上的时候，你从浏览器请求，这个时候请求的 url 上可能会带一些路径 这个时候。...
vue cli3 打包后访问不到页面 Failed to load resource: the server responded with a status of 404 (Not Found)
热门推荐
mini_1251861209的博客
01-09 1万+
在根目录下新建文件vue.config.js 配置打包资源路径：默认是“./”，如果没有特殊需求就不要修改 代码如下： const path = require('path') function resolve(dir) { return path.join(__dirname, dir) } module.exports = { publicPath: './static', //这个路径根据自己的情况定，默认就填"./",因为我静态资源的路径必须要在static文件夹下.
vue-cli应用 run build 打包后静态资源无法访问出现页面空白情况解决方法
zhanjinfeng的博客
04-25 2979
1.项目根目录build/utils.js文件 generateLoaders函数中新增属性 publicPath: '../../' // 新增 2.项目根目录下config/index.jsbuild对象中修改属性 assetsPublicPath: './' // 修改 ...
vue-cli打包上线遇到各文件找不到问题——引入
qq_45668489的博客
02-24 1318
在做VUE-cli WebPack脚手架项目打包完成后，在服务器上运行发现，有些js中定义的变量找不到，css,背景图片资源等都找不到，原来发现项目打包后的CSS和JS的引用路径是绝对路径，项目部署后会将静态当成根目录，就造成了文件引用路径的错误，解决方法是通过修改配置文件，将绝对路径改为相对路径，从而达到资源的相对引用。 一、‘/’指的是项目的根目录 ，’./’指的是当前目录 1.publicP...
vue打包后视频放哪个文件_vue-cli 项目打包完成后运行文件路径报错问题
weixin_39819327的博客
12-22 453
本文介绍了vue-cli 项目打包完成后运行文件路径报错问题，做个笔记，也分享给大家。刚新建的vue-cli项目，同事说要打包一版进行测试，打包完成后放在tomcat上发现路径报错问题。百度了一下，怀疑是build里面没有定义路径问题，度友提供了解决方案：找到config文件夹下的index.js文件，修改路径代码找到build对象，修改属性assetsPublicPath为 ‘./'但是由于vu...
关于Vue打包之后文件路径出错的问题
qq_37319220的博客
01-11 9637
这里以vue-cli创建的项目为例 1、文件路径不对 找到config文件夹下的index.js文件修改一下位置 看清楚是 build（上边还有个dev 是开发环境下的配置，不需要改动）下的 assetsPublicPath ：将‘/’改为‘./’ 2、背景图片路径不对 在css中写的background-img的路径出错 需要找到build文件夹下的utils.
vite vue 打包之后接口报Failed to load resource: the server responded with a status of 404 (Not Found)
08-12
根据你提供的代码，你使用的是Vue和Vite进行项目开发。你在配置文件中指定了publicPath为"./static"，这意味着你的静态资源路径必须在static文件夹下。另外，你还配置了devServer，使得在运行`npm run dev`时会自动打开页面。 你的问题是在使用Vite打包后，接口报错"Failed to load resource: the server responded with a status of 404 (Not Found)"。这个错误通常是由于接口路径配置错误或者服务器无法找到对应的资源所导致的。 首先，你需要确保你的接口路径是正确的，并且与打包后的文件结构相匹配。你可以检查你的接口配置，并确认是否有任何拼写错误或其他错误导致路径不正确。 如果你的接口路径是正确的，那么可能是服务器无法找到对应的资源。你可以检查你的服务器配置，确保正确配置了静态资源路径，即"./static"。另外，你还可以尝试在Vite的配置文件中添加一个额外的配置项来指定打包后资源的输出路径。 总结起来，你需要检查以下几个方面来解决这个问题： 1. 检查接口路径是否正确，并与打包后的文件结构相匹配。 2. 确保服务器正确配置了静态资源路径。 3. 尝试在Vite的配置文件中添加额外的配置项以指定打包后资源的输出路径。 希望这些信息能对你有所帮助！<span class="em">1</span> #### 引用[.reference_title] - *1* [vue cli3 打包后访问不到页面 Failed to load resource: the server responded with a status of 404 (Not ...](https://blog.csdn.net/Oxding/article/details/122862427)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

宁静之峰

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值