vue 部署在页面空白,找不到js或css文件 (net::ERR_ABORTED 404 (Not Found))

最新推荐文章于 2024-03-30 22:21:56 发布
最新推荐文章于 2024-03-30 22:21:56 发布
阅读量8.7k 收藏 9
点赞数 1
分类专栏： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37807767/article/details/115023830
版权

vue项目在nginx上部署正常

这里写目录标题

最近接了一个新项目,有一个模块测试,必须在甲方爸爸指定的终端上测试…
在这里插入图片描述

好,为了所谓的安全,可以!

过了几天…

撸了几天的代码,发量又依稀减少了,
终于
本地联调,在nginx上部署成功啦!!!

拿着装好打包完成的u盘 经历了几个环节终于把文件用 xftp 拖到了服务器上.

嗯?看着部署小哥一顿操作,把我的小宝贝放到了tomcat下,心里涌起来一股不好的感觉…

这…这和我想的不太一样啊!

果不其然…

问题

net::ERR_ABORTED 404 (Not Found)
在这里插入图片描述
在本地复现了一下,大概就是这个错误,我将 /js 改为了 /dist/js (dist是服务器上的包名)

在浏览器上访问果然可以拿到,

灰溜溜的回到工位上,看了下配置文件,果然

新机词挖一此莫禾多此!
在这里插入图片描述

解决

在vue.config.js (vue-cli3以上)

原来是 publicPath 配置的原因
配置成 publicPath: './', 收工! 根据需求来进行配置

拓展

更多详情可以 点击此处 查看几种公共路径( publicPath )的设置区别

总结:还是要多看书,多走路啊!!!冲鸭

youang先先
关注
  • 1
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
【vue】vue打包项目线上爆出net::ERR_ABORTED 404 (Not Found)解决办法集合
我的开源项目:https://gitee.com/derekgo/vue-cms_xg
12-22 5226
vue打包项目线上爆出net::ERR_ABORTED 404 (Not Found)解决办法集合
nginx 部署 vue 项目找不到js css文件的解决方法
01-11
很多时候 npm run build 之后， index.html 文件中webpack 自动插入的 js 文件 css 文件的相对目录总是不对，发布到服务器上之后，nginx 找不到文件。 vue-cli@3 在 vue-cli@3 中你需要为你 webpack 插入到 index.html 中 的所有文件添加一个 baseUrl. 你需要在项目的根目录新建一个 vue.config.js, 添加如下内容： ... module.exports = { baseUrl: isProd ? '/baseXXX/' : '/', .... } 这里需要注意的是 dev 环境下不需
GitHub | Pages 部署 Vue 项目但页面空白，报错：net::ERR_ABORTED 404 (Not Found)
最新发布
狂放不羁霸的博客
03-30 531
publicPath 指示了资源文件（如图片、CSS 文件等）的公共基础路径。例如，如果你的应用是部署在域名的根目录下，那么你的 publicPath 可能会是 '/'。如果部署在子目录下，比如 '/my-app/'，那么你就需要设置成这个值。当设置为 './' 时，通常意味着资源文件是相对于当前页面位置的。控制台报错说找不到这些资源，但是 dist 目录下都有这些 JS 文件啊，这是为什么？修改后重新 build 项目，再 push 到 GitHub 上。
net::err_aborted 错误码 404
Andrew_Chenwq的博客
05-26 7006
一般来说，在jsp中引入js、css时就可能会出现net::ERR_ABORTED 404（即Not Found）错误，即前端报错，解决方式也有两种比较常见的方式。
打包部署到服务器后，出现net::ERR_ABORTED 404 (Not Found)问题解决
mh200966的博客
03-07 1417
打包部署到服务器后，出现net::ERR_ABORTED 404 (Not Found)问题解决
解决vue net :ERR_CONNECTION_REFUSED报错问题
10-14
主要介绍了解决vue net :ERR_CONNECTION_REFUSED报错问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
解决vue项目 build之后资源文件找不到的问题
10-14
主要介绍了解决vue项目 build之后资源文件找不到的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
net::ERR_ABORTED 404 (Not Found)
qq_40285491的博客
07-05 1万+
引用静态资源报错：net::ERR_ABORTED 404 (Not Found) *** 新加入静态资源厚，出现net::ERR_ABORTED 404 (Not Found)，但是路径没有错，在idea上也可以ctrl+鼠标左键访问到 解决方法：如果路径确定没有问题。 1、将文件复制到其它路径下，重新引入，然后保存刷新浏览器，这样新引入的那个会报404，但是之前久的报404的路径可以成功引入，然后删除新引入的路径即可。 现在久的可以正常访问到了，具体原理不知道是啥，搞了半天，恼火。 2、如果试.
net::ERR_ABORTED 404 (Not Found)错误
热门推荐
sinat_41367326的博客
01-02 6万+
今天开发Web，在引用静态资源的时候出现了net::ERR_ABORTED 404 (Not Found)这个错误。记录一下。 1、首先介绍一下我的项目的目录结构： 2、然后我原来的的引用js文件的代码是： 因为在eclipse中点击src中的路径可以跳转到对饮的js文件中，所以我一直认为我的引用路径的方式没有问题。所以对于出现的net::ERR_ABORTED 404 (Not F...
【vue打包】线上部署报错net::ERR_ABORTED 404 (Not Found)
SunPeng的博客
02-10 5213
线上部署报错net::ERR_ABORTED 404 (Not Found)
请求报错net::ERR_ABORTED 404 (Not Found)，并且报跨域
yoohoo1234的博客
08-19 1万+
前几天系统在使用过程中，突然请求报错net::ERR_ABORTED 404 (Not Found) 并且报错No 'Access-Control-Allow-Origin' header is present on the requested resource 之前是没有出现过这种情况的， 然后在本地测试，发现没有问题， 又想到原来使用的是http，现在改成https的原因所以报的跨域，...
vue-element-loading-:hourglass_not_done:在容器内加载或全屏显示Vue.js-Vue.js开发
05-27
vue-element-loading:hourglass_not_done:在Vue.js的容器或全屏中加载:eyes:文档和演示页Docs＆Live演示全功能实时演示:laptop:安装vue-element-loading:hourglass_not_done:在Vue.js的容器或全屏中加载:eyes:文档和演示页面文档和实时演示全功能实时演示:laptop:安装npm install-保存vue-element-loading或yarn添加vue-element-loading:joystick:用法从'vue'导入Vue从'vue-element-loading导入VueElementLoading Vue.component（'VueElementLoading'，VueElementLoading）或从'vue-element-loading'导入VueElementLoading导出默认{组件：{VueElementLoading
springboot项目 前端无法找到资源文件 net::ERR_ABORTED 404
InterestAndFun的博客
06-02 1054
问题描述 做一个springboot项目开发，导入jquery资源包时，出现net::ERR_ABORTED 404错误。确定过滤器，拦截器都放行js资源了，文件路径也没有出错。但是无论怎么重启服务器，怎么修改都没办法。 解决问题 这种情况，只可能是打包资源时，资源并没有打包进去。于是我打开target–>classes–>static下查找是否有该资源。果然，资源在打包时没有打包进去。我们只要在执行maven的clean命令再重启服务器即可。 ...
解决引入JS文件出现net::ERR_ABORTED 404 (Not Found)
GD_vigoss的博客
03-14 6950
引入的时候一定要注意编码格式规范，要写type=“text/javascript”（注意是中文的双引号）
vue-cli生成的项目，打包部署在tomcat服务器上，报错404
c2311156c的博客
08-30 2108
1. 项目一般情况下在本地是不会出现这个问题的，因为我们在本地开发时，项目的访问路径就是'/'，但是部署到服务器以后，此处我们以tomcat为例， 项目会部署在webapps目录下面，为了做以区分，我们通常会另建一个项目目录，例如我们建个sample目录，此时服务器上项目的根目录就是/sample/了， 这时我们需要修改一下webpack的编译路径。 修改方法： 找到config/index.j...
GET https://域名/socket.io.socket.io.js net::ERR_ABORTED 404(Not Found)
ZLbyHahah的博客
04-07 4911
socket.io
vue项目通过nginx部署，刷新产生404问题的解决
m0_37630138的博客
10-08 3974
vue项目通过nginx部署，刷新产生404问题的解决
vue报错net::err_connection_aborted
05-10
net::err_connection_aborted是一种在使用Vue开发项目时可能会遇到的错误，在这种情况下，我们打开浏览器时会看到一个类似于“Page Not Found”的提示。这种情况的出现通常是因为前端代码无法正确地与服务器建立连接...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值