vue打包后找不到资源路径

最新推荐文章于 2023-08-26 09:28:14 发布
原创 最新推荐文章于 2023-08-26 09:28:14 发布 · 7.4k 阅读 · 1 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#vue
本文介绍了Vue项目在打包上线过程中遇到的静态资源路径错误问题及其解决方案。主要涉及JS、CSS路径调整及CSS中图片资源路径的修改方法。

vue项目完成打包上线的时候很多人都会碰到静态资源找不到的问题，常见的有两个

1、js，css路径不对

解决办法：打开config/index.js，将其中的assetsPublicPath值改为’./’

2、css中引用的图片资源找不到

我的login.vue文件中有一段css，其中引用了一个背景图片，是这样写的

1

.login{height:100%;background: url("../assets/login_bg.jpg") no-repeat; background-size: cover;color: white;}

“src/assets/”文件夹下有这张图片，打包后路径发生变化这个图片就找不到了，stackflow上有一个解决办法，很简单

打开“build/utils.js”，增加一行代码即可

原文地址：http://www.ftc20.com/wordpress/2017/11/vue-static-resource-route-question/

vue cli3.0打包上线静态资源找不到路径的解决操作
10-15
主要介绍了vue cli3.0打包上线静态资源找不到路径的解决操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue填坑之webpack run build 静态资源找不到的解决方法
10-18
今天小编就为大家分享一篇vue填坑之webpack run build 静态资源找不到的解决方法。具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
前端---【一文看懂webpack打包文件CSS文件,WebPack打包CSS详细操作流程】
m0_61307468的博客
04-26 3971
一. Webpake打包CSS完整流程 1.1第一步编写HTML和CSS结构的代码 1.1.1创建一个html的文件结构 1.1.2创建一个CSS文件结果的样式 1.1.3创建main.js结构文件 1.2第二步:在 webpack 配置文件中添加如下规则： 1.3第三步:安装 less 和 less-loader： 1.3.1npm i less less-loader -D 解释 1.4第四步 运行打包命令 二.打包文件报错 2.1解决报错 三.打包成功终端详细解释 一文看懂webpack
springboot项目浏览器输入URL找不到资源问题
qq_45282351的博客
01-31 4975
今天初在学springboot的时候发现在浏览器输入对应的URL后居然不能得到想要的结果，而是显示无法访问此页面，localhost已拒绝。 我检查了requestMapping对应的路径，是对的，没有输入错误。然后想了想，我的代码没有错误，路径也没有错误，到底是哪里错了呢？然后看了控制台显示tomcat端口号为8081，而我在浏览器上输入的是8888。 发现了错误，原来是我的application.properties和application.yml文件都指定了端口号，而application.prop
vue打包静态资源路径不正确的解决办法
weixin_30733003的博客
11-03 1356
vue项目完成打包上线的时候很多人都会碰到静态资源找不到的问题，常见的有两个 1、js，css路径不对 解决办法：打开config/index.js，将其中的assetsPublicPath值改为’./’ 2、css中引用的图片资源找不到 我的login.vue文件中有一段css，其中引用了一个背景图片，是这样写的 .login{height:100%;backgrou...
如何找到vue项目路径_vue cli3.0打包上线静态资源找不到路径的解决操作
weixin_35343856的博客
12-23 2711
项目中遇到打包之后静态资源路径找不到，报如下错误：解决方法是：在项目的根目录下创建vue.config,js文件，在里面配置静态资源的路径，publicPath是配置静态资源路径的属性，vue.config,js文件的代码如下：module.exports = {publicPath: './'}补充知识：vue-cli3 npm run build 打包后静态资源的配置 vue.config.j...
解决vue cli3.x打包上线静态资源找不到路径问题
青年码农
05-26 532
本教程适用于vue-cli3.x版本搭建的vue项目，解决项目本地运行一切正常，但是打包后部署时页面白屏，控制台报错，静态资源找不到的问题。首先简单说说vue-cli3.x版本的变化，从文件夹上来看，少了build、config文件夹，那如何像2.x一样配置呢？3.x可以在项目根目录创建一个vue.config.js,之前的配置都在这里面配置。【官方】vue.config...
Vue打包后，css引入的图片等资源找不到路径的问题
weixin_40402192的博客
05-10 1万+
Vue在npm run dev的时候，图片背景图等正常显示，npm run build后，报错，提示图片找不到。原因： npm run dev时候，加载资源是绝对路径，         npm run build时候，加载资源是相对路径，且文件目录已改变。 默认情况下为：      index.html       static       | --img           | --图片.jpg...
vue-cli构建项目imgsrc动态路径打包找不到路径资源
mlonly的博客
02-28 4322
处理静态资源 静态资源可以通过两种方式进行处理： 在 JavaScript 被导入或在 template/CSS 中通过相对路径被引用。这类引用会被 webpack 处理。 放置在 public 目录下或通过绝对路径被引用。这类资源将会直接被拷贝，而不会经过 webpack 的处理 从相对路径导入 当你在 JavaScript、CSS 或 *.vue 文件中使用相对路径 (必须以 . 开头) 引用...
Electron开发注意事项
m0_57307213的博客
09-22 3743
桌面端开发过程中总结的问题
谷歌浏览器响应Failed to load response data: no resource with given identifer found
十一姐的博客
08-26 5234
谷歌浏览器响应Failed to load response data的另类解决方案
SSH做项目遇见的问题，以及解决办法
Carme7o的博客
01-05 1079
由于三个框架的版本都比较高，所以遇到各种问题！！ 1、hibernateTemplate不建议使用find(String hql,Object value)方法 解决办法：用它的findByExample(Obejct entity)方法，里面传一个实体类对象参数即可！需要注意的时，实体类的属性中不要有基本类型的数据，用包装类型；如果是条件查询，就在实体类中封装你的条件，如果是查询所有，就传一个没...
【前后端对接迷惑问题】无法加载响应数据:No resource with given identifier found
热门推荐
RayCongLiang的博客
03-03 3万+
无法加载响应数据:No resource with given identifier found
fail to load reponse data: no resource with given identifier found
m0_46296300的博客
08-02 1万+
浏览器调试界面，network ——》preview出现fail to load reponse data: no resource with given identifier found这个错误。 在network界面导航栏中找到reserve log ，把勾去掉就好了。
一次跨域的坑Faild to load response data: No resourse with given identifier found
qq_39280563的博客
03-17 2万+
Faild to load response data: No resourse with given identifier found
MVC2: 路由 及 遇到问题记录
weixin_30588907的博客
01-04 173
MVC 路由 重定向 问题记录 1）MVC 路由 入口方法： (Global.asax)Application_Start()--->(App_Start/RouteConfig.cs)RegisterRoutes()--->(Controllers/)Controller--->(Views/)Action--->(Views/Action/)View ...
Three.js在Vue项目中引入外部模型，报404错误
hello_light的博客
07-22 1580
three在vue中应用，引入外部模型文件，报错404的解决方案
解决前端跨域问题：实现项目登录时，数据请求到了，无法加载响应数据No data found for resource with given identifier，如何解决
意初的博客
06-02 2万+
作者拉项目时，出现了以下问题，就是后端数据请求到了，但响应不出来 一开始以为时反向代理问题，后来我查看了proxy，axios，以及baseurl等等都没有问题，直到。。。想起来了，电脑在上午切到了手机热点这回事，然后我立马切回公司内网，跨域响应问题立马解决，就可以实现登录了
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值