vue打包静态资源路径不正确的解决办法

最新推荐文章于 2024-08-04 12:47:40 发布
最新推荐文章于 2024-08-04 12:47:40 发布
阅读量3.2k 收藏 1
点赞数

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

1、js，css路径不对

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

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

h398520202
关注
vue打包静态资源路径不正确的解决方案
xiechengjian的博客
03-21 6474
vue打包静态资源路径不正确的解决办法vue项目完成打包上线的时候很多人都会碰到静态资源找不到的问题，常见的有两个1、js，css路径不对解决办法：打开config/index.js，将其中的assetsPublicPath值改为’./’2、css中引用的图片资源找不到我的login.vue文件中通过src方式引入css<style scoped src="../../static/css/...
vue打包静态资源后显示空白及static文件路径报错的解决
10-14
在使用Vue.js框架进行前端开发的过程中，经常需要打包应用以便将其部署到生产环境中。...通过上述的方法，可以较好地解决Vue打包静态资源后页面显示空白和static文件路径报错的问题，提高项目的稳定性和用户体验。
Vue 打包 静态文件路径问题
hukang00的专栏
04-17 1920
一、js，css的路径不对 方法：找到 config/index.js，将其中的assetsPublicPath值改成’./’css assetsPublicPath:'./' 二、css中引用的图片资源找不到 方法：找到 build/utils.js，增长一行代码便可：html if(options.extract){ returnExtractTextPlugin.extract({ use:loaders, fallback:'vue...
Vue从入门到精通全网最强保姆级教程(持续更新中)
最新发布
2301_81007211的博客
08-04 1230
Vue是前端优秀框架， 是一套用于构建用户界面的渐进式框架。
vue.config.js 配置 (代理、打包静态文件路径、文件大小配置)
libertine的博客
04-04 1041
【代码】vue.config.js 配置 (代理、打包静态文件路径、文件大小配置)
vue项目的业务页面中访问static静态资源，点击下载时报未发现文件
Kratial的博客
04-21 2138
【代码】vue项目的业务页面中访问static静态资源，点击下载时报未发现文件。
vue3项目发布后静态资源目录找不到
weixin_48567214的博客
11-02 1227
在vue.config.js中。修改后JS的请求路径，
vue cli3.0打包上线静态资源找不到路径的解决操作
10-15
Vue CLI 3.0 是一个基于 Vue.js 的命令行工具...以上就是关于 Vue CLI 3.0 打包静态资源找不到路径问题的解决方法和相关配置知识。确保正确配置 `publicPath` 并理解其他配置项的作用，有助于顺利部署和运行 Vue 项目。
详解vue静态资源打包中的坑与解决方案
08-28
一、 Vue-cli 默认配置打包后部署至特定路径下静态资源路径错误问题 * 问题描述：使用 Vue-cli 生成的默认打包配置文件，运行 npm run build 打包后，部署项目至特定路径下，例如 //ip:port/public/springActivity/...
⚡vite 打包资源路径不对页面不显示
Mencre的博客
11-05 1万+
vite打包内部采用的是Rollup完成的应用打包，因为vite高度依赖ES Modules特性所以只支持现代浏览器，抛弃IE市场，如果你需要兼容IE需要另做处理，详情可以参考这里。 你只需要在终端执行 npm run build 打包过程轻松又愉快，先不要高兴的太早，这时候如果你打开 dist 文件下的打包文件会发现页面显示不出来，一拍脑门想起来在 vue.config.js 里面配置一下 publicPath: './'，不过当你做完这一切之后发现并没有解决问题，why？在这里先不要慌，只需要继续向下看
vue 项目build错误异常的解决方法
12-10
在生成vue项目的时候，出现如下错误 ERROR in static/js/index.d66d806fcdd72b36147b.js from UglifyJs Unexpected token: punc (() [src/components/Hello.vue:26,0][static/js/index.d66d806fcdd72b36147b.js:34,6] ERROR in static/js/cell.89bb6f1195b769a2c949.js from UglifyJs Unexpected token: punc (() [src/components/cell.vu
vue.js 部署到tomcat中出现访问路径不对,页面加载不出来问题及解决
热门推荐
guxiansheng1991的博客
03-21 1万+
问题:vue.js 部署到tomcat上之后,访问index.html文件,打开浏览器控制台,出现css,js,img等路径不对,返回404. 打包路径: +dist +static +css +js +image -index.html解决先说一下我的方法:1.在tomcat的webapps下新建test文件夹, 然后把static文
vue 打包后 static 中图片路径不对的问题
qq_25245075的博客
10-11 310
开发中遇到的问题 解决：https://blog.csdn.net/csdn_yudong/article/details/84936130
vue项目部署服务器，static文件夹里文件路径不对报404
weixin_42981487的博客
10-12 5060
场景：vue项目本地运行正常，npm run build之后，将dist文件上传至服务器之后，在nginx配置完成情况下，访问域名出现 .js 、.css等静态资源文件访问404，导致访问页面空白。 原因：路径不对，找不到对应的static文件夹 方案： 有两种修改方式，一种是修改为相对路径，一种是修改为绝对路径。 以相对路径为例 解决方案： 将 ’ / ’ 改成 ’ ./ ’ 然后重新打包部署，访问就可以了。 参考于：vue 项目放在服务器上 静态资源路径不对报404错误_yongy.
hbuilder 打包app跳转路径问题（url 跳转问题）
无问西东的博客
01-21 9972
hbuilder 打包app跳转路径问题（url 跳转问题）
解决axios请求本地的json文件在打包后路径出错问题
anmi7832的博客
07-09 974
vue 项目中使用axios请求了本地项目的static文件夹下的json文件，使用npm run build 打包后，在Hbuilder编辑器打开，页面报错404： 在浏览器打开的路径 http://127.0.0.1:8020/poverty/dist/index.html 我们可以看到index.html前面还有两个文件层级，也就是说json文件的路径已经发生变化，而不...
关于uni-app HBuilderX插件安装系统找不到指定路径问题解决办法
m0_56063262的博客
02-24 2684
相信是越来越多的人使用uniapp进行开发了，但是uniapp框架，使用什么开发工具进行开发呢？这边给大家推荐一个软件 Hbuilder X ，这款软件是uniapp框架开发者团队，推出的开发工具。
Vue 项目部署时静态资源找不到的解决方法
"Vue 项目中 webpack build 静态资源找不到的解决方法" 在 Vue 项目中，使用 Vue CLI 搭建的项目，在本地测试和调试都没有问题，但是在服务器上部署时，静态资源找不到，这个问题是怎么回事？今天，我们将探索这个...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值