vue打包后路径失效、找不到、404的问题

最新推荐文章于 2024-03-12 10:31:50 发布
最新推荐文章于 2024-03-12 10:31:50 发布
阅读量4.1k 收藏
点赞数
文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45747074/article/details/125615524
版权

vue打包路径丢失的问题 在vue项目打包以后，本地打开项目会出现css、js路径404的问题，这是因为vue打包后的路径默认是根路径。 解决方法： 在vue.cofign.js文件中将

 publicPath: '/', 
 //更改为 以下
 publicPath: './',

（如果没有vue.cofign.js文件，需要自行创建一个）

April_zk
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Vue-cli 打包CSS、JS找不到路径问题，解决方案
壹米阳光
07-23 2982
Vue-cli 打包CSS、JS找不到路径问题，解决方案 vue文件打包之后发现路径报错，检查了index文件之后发现js和css的路径为这样,发现static前面多了一个斜杠，所以导致路径错误… <script type=text/javascript src=/static/js/app.f8d4e6b6692427d014f5.js> 解决方案: build目录下的web...
解决Vue打包之后文件路径出错的问题
08-27
下面小编就为大家分享一篇解决Vue打包之后文件路径出错的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
关于vue-cli打包或者上线后文件各种路径或者找不到的问题解决方案
qq_42074281的博客
03-06 2372
我们用vue搭建好脚手架，你npm run dev用着一直很爽， 但npm run build 我里乖乖什么图片，css，js各种加载不了， 1，打开build/webpack.prod.conf.js， output: { publicPath:'./',//复制这个 path: config.build.assetsRoot, filename: utils.asse...
vue3项目public下的视频资源打包上传至服务器后找不到文件位置
最新发布
qq_57692002的博客
03-12 668
视频文件本地播放正常，打包至服务器控制台404，找不到该文件，删除原本路径前的 "/" 重新上传后成功播放。文件位置：public>video>somVideos>video.m3u8。
vue2.+模板项目背景图片打包之后不显示，vue2.+模板背景图片相对路径打包图片也不显示，也不管用解决办法
04-29 385
先看描述： 打包之后运行的地址不是服务器根目录，而是根目录下方的另外一个目录，这时候使用绝对路径是不行的，举个栗子： 本来访问你的网站是酱紫：http://www.aaa.com 现在服务端告诉你，项目放在了服务器根目录下边的 bbb 文件夹，打包之后存放的地址就是 bbb 这时候访问地址就变成了：http://www.aaa.com/bbb 或者 http://www.aaa.com/bbb/i...
解决Vue打包后，放在服务器上无法打开问题
weixin_43254169的博客
12-05 2403
今天把在项目里遇到的相关问题，记录一下 vue项目npm run build 无法访问，报错如下： 解决方法如下: 修改打包配置项：将assetPublicPath:’/‘改为assetPublicPath:’./' 2.引入的背景图无法显示：提示路径错误 添加publicPath:’…/…/’ ...
关于 electron-vue打包后静态资源路径失效的解决方案
热门推荐
aa661020的博客
03-30 2万+
关于 electron-vue打包后静态资源路径失效的解决方案 1.静态资源如css,img，js,请放在根目录的static文件夹里， 因为electron打包后会复制一份static文件夹到dist文件夹中 这样项目引入的静态资源就不会报路径错误了。 2.字体文件比较特殊，如果引入的是前端框架文件，引入的字体 路径不是我们能控制的。所以我们需要修改下C:\Users...
vue项目打包给后端遇到的问题
cpsxn的博客
03-10 2793
一、资源路径问题 （绝对路径、 相对路径） 打包上传到服务器时，前端代码不能使用绝对路径，然而默认打包后的html、js、css等文件使用的都是绝对路径，所以我们要在打包之前将绝对路径改为相对路径再打包。 首先理解两个概念： 1.什么是绝对路径 以根目录为起点到某一个目录的路径，能够**完整描述文件所在位置（在硬盘上真正的路径）**的路径就是绝对路径。 例如：c:/test/index.htm 网页中以http开头的链接都是绝对路径 2.什么是相对路径 从一个目录为起点到另外一个目录的路径 例如： …/te
vue：打包过后的文件报js找不到
胡世林的博客
12-07 1万+
文章标题可能描述的不太清楚（反正我也不知道怎么写） 大概理解为： 打包过后的文件放在服务器上时一片空白，然后打开f12后是这样的错误： 这个就比较明显了，是js的路径有问题，那么！请问，这个是哪一步环节出错了呢？ 先不着急百度，自己推一推，（为了排除很多其他的因素，这儿我就直接运行一开始的那个项目了）  大家猜一猜是上面哪个文件夹在起作用？ vue文件目录结构：http://w...
【vue】打包后，访问public文件的index.html，访问不到js和css，需要配置publicPath:“ “
weixin_43444977的博客
10-11 3945
在vue.config.js文件添加配置项publicPath，publicPath路径修改" "，dist文件下index.html即可找到。vue.config.js文件中publicPath路径为“/”，表示根目录下，是访问不到js和css文件的，vue项目打包后， index.html直接访问不到 css 文件和 js 文件；
关于Vue项目部署后访问页面资源找不到的问题
m0_71831301的博客
06-02 3356
关于Vue项目的部署和部署后访问页面资源找不到的问题
vue cli3.0打包上线静态资源找不到路径的解决操作
10-15
主要介绍了vue cli3.0打包上线静态资源找不到路径的解决操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue 项目打包时样式及背景图片路径找不到的解决方式
10-16
今天小编就为大家分享一篇vue 项目打包时样式及背景图片路径找不到的解决方式，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
解决vue单页面应用打包后相对路径、绝对路径相关问题
11-20
但是我们知道，一般情况下，通过webpack+vuecli默认打包后的HTML、css、js等文件，使用的都是绝对路径。下面可以举几个例子来看一下： 1、打包后的index.html文件 2、打包后的css文件 所以，如果在项目中需要使用...
基于vue打包后字体和图片资源失效问题的解决方法
08-27
下面小编就为大家分享一篇基于vue打包后字体和图片资源失效问题的解决方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
解决vue3前端获取文件的绝对路径问题
Stars_in_rain的博客
08-15 5498
项目已经使用electron进行了打包，所以是可以通过electron方式运行的，现在需要的就是vue的代码中引入electron，进行打开文件管理器，实现文件路径获取。这时候又出现 window.require is not a function .错误，这是因为工程是在本地浏览器运行的，识别不了electron中的api,只要保证在electron应用程序下运行就不会报错。(3)、electron5.x的node集成环境默认是关闭的，这之前的版本是默认开启的。在需要通信的文件中进行调用。
@PathVariable传递参数为空，报错404找不到路径 ，@RequestParam传到后端参数为空
weixin_42260782的博客
08-17 3270
vue前端我传一个obj对象，这个是分页操作，obj对象包含当前页current和每页大小size，searchName为条件查询的名称：一开始写法如下：
Vue3+vite2打包路径和路由router-view不显示问题
weixin_43575792的博客
01-23 7408
Vue3+vite2打包路径跳坑前言一、打包默认路径二、css的@charset UTF-8规则三、路由router-view不显示总结 前言 博主使用vue3+vite2打包项目部署到服务器上时遇到几个有关路径的坑，将这些坑的原因及解决方法提供给大家，希望大家可以有所收获 一、打包默认路径 以前在vue2+webpack中我们在vue.config.js配置publicPath设置静态资源访问路径，但现在使用vue3+vite2环境我们需要在vite.config.js里面配置base;顺便一提，里面的
vue cli 打包相对路径遇到的坑
qq_39047764的博客
03-19 937
<script src="/js/index.67b1c383.js"></script> 这个是vue打包之后的绝对路径，但是想要的是：<script src="./js/index.67b1c383.js"></script>这种相对路径 网上说的，大部分解决方案是修改publicPath: './', ，但是实际测试之后，还是有很大的问题 第一种打包设置：publicPath: './', 结果：<script src="js/chunk-..
tomcat部署vue项目Vue Router路径刷新后找不到
05-30
如果你在部署Vue项目到Tomcat上时，使用了Vue Router的history模式（即将路由模式设置为history），在页面刷新时会出现找不到页面的错误。这是因为在history模式下，Vue Router会使用HTML5的history API来管理路由，而Tomcat服务器默认是基于Servlet规范的URL匹配模式，不支持HTML5的history API。 为了解决这个问题，你可以在Tomcat的web.xml文件中添加一个错误页面的配置，来将所有的404错误都重定向到Vue项目的首页，即： ```xml <error-page> <error-code>404</error-code> <location>/index.html</location> </error-page> ``` 这样，当出现404错误时，Tomcat服务器就会将请求重定向到Vue项目的首页，从而避免了找不到页面的问题。另外，使用history模式时，需要确保在Vue项目的index.html文件中正确地引用了CSS和JavaScript等静态资源，否则也会导致找不到页面的问题。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值