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

最新推荐文章于 2024-10-03 19:06:44 发布
最新推荐文章于 2024-10-03 19:06:44 发布
阅读量6.5k 收藏 7
点赞数 2
分类专栏： # Vue.js 文章标签： java mybaits node.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45525272/article/details/123765896
版权

问题

在本地部署之后访问完全没有问题

部署到阿里云服务器上，再访问页面出现空白页（也不是404），控制台给我打印没有这几个文件
在这里插入图片描述

原因

你的项目没有部署到你写的 publicPath 下，但是你是不知道的，那么publicPath 改为站点域名的根路径下就可以了

解决

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

是 publicPath 配置的原因
配置成

publicPath: './'
或者
publicPath: ''

在这里插入图片描述

更详细的配置可以查看：https://cli.vuejs.org/zh/config/index.html#publicpath

呆萌宝儿姐
关注
专栏目录
springboot 配置上传文件的限制 针对js上传文件报错net::ERR_CONNECTION_ABORTED
喜欢猪猪
05-12 2125
1.最近在java开发的时候，遇到了上传限制问题，前台报错net::ERR_CONNECTION_ABORTED 解决方法：第一在yml进行配置： http: multipart: maxFileSize: 20MB maxRequestSize: 100MB 第二在Java配置bean里面进行处理 /** * 配置上传文件大小的配置 * * @return */ @Bean public MultipartConfi
vue打包：Failed to load resource: net::ERR_FILE_NOT_FOUND问题
zxw939832359的博客
12-28 5521
vue项目npm run build 打包会出现： Failed to load resource: net::ERR_FILE_NOT_FOUND 总结解决办法： config/index.js里将assetsPublicPath:’/‘改成assetsPublicPath:’./' assetsRoot: path.resolve(__dirname, '../dist'), assetsSubDirectory: 'static', assetsPublicPath:
【vue打包】线上部署报错net::ERR_ABORTED 404 (Not Found)
SunPeng的博客
02-10 6930
线上部署报错net::ERR_ABORTED 404 (Not Found)
laravel集成vue之后，访问页面总是出现app.js 404 not found或者就是unexpected token
qq_41588568的博客
03-22 1684
新手学习laravel框架，总是出现这个问题 搞了一天半，反反复复，按着网上说的改了又改 然后因为之前我npm install的时候出现了如下 这不知道是成功了还是没成功，会不会有影响，于是，我准备用淘宝镜像再装一下，我把node_modules删除，重新 npm install -g cnpm --registry=https://registry.npm.taobao.org ...
解决 Vue 项目页面空白问题的排查之旅
最新发布
m0_57836225的博客
10-03 1326
在开发 Vue 项目的过程中，我们难免会遇到各种问题。最近，我在开发一个象棋游戏项目时，就遇到了一个令人困扰的问题：项目启动后页面是空白的。经过一番排查，我总结了以下的排查思路和方法，希望能对其他开发者有所帮助。
vue 打包部署后打开网页空白，找不到css、js等资源
qq_40079749的博客
05-15 2335
vue 打包部署后打开网页空白，找不到css、js等资源 1、修改config文件夹下的index.js文件 build: { index: path.resolve(__dirname, '../dist/index.html'), assetsRoot: path.resolve(__dirname, '../dist'), assetsSubDirectory: 'static', assetsPublicPath: './',//前面加上. produc
nginx部署vue项目出现404查找不到js，css文件解决方法
热门推荐
asd52656的博客
05-29 1万+
nginx部署vue项目出现查找不到js，css文件解决方法 1.先测试你的vue文件本地是否正常显示打开，正常再进行第二步，否则是你vue打包后的文件出现错误了 2.测试nginx是否正常，可以在ftp中查找你vue项目中的文件，浏览器打开nginx打开那个文件，能正常打开则进入第三部，否则就是你nginx配置问题，nginx无法映射此vue文件夹 3.重新配置一个新的nginx的conf文件， # 前端vue转发 location / { root /data/frontend/di
vue 部署在页面空白,找不到js或css文件 (net::ERR_ABORTED 404 (Not Found))
qq_37807767的博客
03-20 1万+
vue项目在nginx上部署正常 这里写目录标题vue项目在nginx上部署正常问题解决拓展 最近接了一个新项目,有一个模块测试,必须在甲方爸爸指定的终端上测试… 好,为了所谓的安全,可以! 过了几天… 撸了几天的代码,发量又依稀减少了, 终于 本地联调,在nginx上部署成功啦!!! 拿着装好打包完成的u盘 经历了几个环节终于把文件用 xftp 拖到了服务器上. 嗯?看着部署小哥一顿操作,把我的小宝贝放到了tomcat下,心里涌起来一股不好的感觉… 这…这和我想的不太一样啊! 果不其然… 问题 net:
解决vue net :ERR_CONNECTION_REFUSED报错问题
11-20
在开发Vue应用时，我们可能会遇到“vue net :ERR_CONNECTION_REFUSED”的错误，这通常意味着浏览器无法连接到Vue应用的服务器。这个问题可能是由于多种原因引起的，例如网络配置不当或者服务器未正确启动。在这个...
vue 打包背景图片不显示问题，出现Failed to load resource: net::ERR_FILE_NOT_FOUND，解决
敲门的小白
11-14 3488
if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, fallback: ‘vue-style-loader’, publicPath: ‘…/…/’ //背景图片位置 }) } else { return [‘vue-style-loader’].concat(loaders) } ...
npm run build打包后页面空白报错：Failed to load resource: net::ERR_FILE_NOT_FOUND
Huagg24的博客
12-02 2737
有效的解决了我的问题所以转载记录一下。
vue打包找不到js或css文件
xniYa的博客
11-28 3170
vue打包找不到js或css文件
vue3+Ts 找不到模块“path”或其相应的类型声明 @fs/src/style.css net::ERR_ABORTED 404 (Not Found)
lqins的博客
08-23 4354
vue3+Ts 找不到模块“path”或其相应的类型声明 @fs/src/style.css net::ERR_ABORTED 404 (Not Found)
vue项目打包后页面出现空白,css / js 文件访问不到
TVM的博客
10-29 3062
打包前在本地跑起来都没什么问题,但是打包之后dist扔到线上就访问不到,显示空白,有的css / js文件还显示404,访问不到. 首先,确认你的访问路径是对的 其次,将项目中config/index.js中 默认生成的assetsPublicPath只有/ , 前面加个 . 就好了 ...
flask+Vue(Vite)部署，js文件不能被正确解析解决方案
u013661233的博客
11-16 2171
解决Strict MIME type checking is enforced for module scripts per HTML spec.Expected a JavaScript module script but the server responded with a MIME type of "text/plain".
vue项目打包到服务器报错net::ERR_ABORTED 404 (Not Found)
weixin_48321061的博客
02-19 9883
解决关于vue项目打包后上传到服务器，访问页面报错net::ERR_ABORTED 404 (Not Found) 当访问页面时出现以下报错该如何解决？ 首先需要创建文件 然后复制以下代码到vue.config.js module.exports = { publicPath: "./" } 现在build上传就可以正常访问了 ...
多方案解决VUE项目控制台报错：net::ERR_CONNECTION_REFUSED / [WDS] Disconnected!
weixin_52485890的博客
07-15 7127
一行代码解决VUE项目控制台报错：net::ERR_CONNECTION_REFUSED / [WDS] Disconnected!
【vue-cli踩坑】Failed to load resource: net::ERR_FILE_NOT_FOUND或者build之后dist文件下的index.html不显示内容
艾欢欢的博客
04-23 9040
通过vue-cli创建的项目 npm run dev 运行开发环境可以看到效果， 但是 npm run dbulid 之后，通过产生的dist文件下的index.html直接打开没显示，看不到效果，报错如下： 知乎上：webpack.prod.conf.js 中output添加参数publicPath:’./’ 具体代码： 在webpack.base.conf.js里 output: { ...
访问不到css,访问不到css，js文件
weixin_32893479的博客
08-03 871
可以访问页面，但提示信息找不到static里面的css和js等， 但访问index页面可以感觉是路径问题，主项目下的setting文件"""Djangosettingsforshopping_mallproject.Generatedby'django-adminstartproject'usingDjango2.2.12.Formoreinformationonthi...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

呆萌宝儿姐

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

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

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

打赏作者

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

抵扣说明：

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

余额充值