基于webpack模板的vue项目打包后遇到的问题1（Failed to load resource: net::ERR_FILE_NOT_FOUND）

最新推荐文章于 2024-04-02 12:11:37 发布
原创 最新推荐文章于 2024-04-02 12:11:37 发布 · 5w 阅读 · 20 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#vue.js #webpack
本文介绍了一种解决npm run build后本地HTML页面加载资源失败的方法。通过修改config/index.js及webpack配置文件中的publicPath参数为'./'，使得资源路径正确加载。

npm run build 之后在本地打开html页面出现个问题，如图：
这里写图片描述

网上查找了解决方法，将config文件夹里面的index.js中的assetsPublicPath的值修改 为“./”，问题解决。：
这里写图片描述

补充：
webpack.prod.conf.js 中output添加参数publicPath:’./’
在webpack.base.conf.js里
publicPath: process.env.NODE_ENV === ‘production’
? ‘./’ +config.build.assetsPublicPath
: ‘./’ + config.dev.assetsPublicPath

Failed to load module script: Expected a JavaScript module script but the server ···报错解决
最新发布
a_靖的博客
09-12 2万+
Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "text/html". Strict MIME type checking is enforced for module scripts per HTML spec.报错解决
Failed to load resource: net::ERR_FILE_NOT_FOUND问题解决
sensendedede的博客
02-18 1万+
文件中，静态资源的引用路径将是相对于当前路径的，而不是绝对路径。的效果就是让构建后的资源使用相对路径引用，而不是绝对路径。默认情况下，Vue CLI 生成的项目会把所有静态资源引用路径设置为绝对路径，即。的设置，构建后的资源引用路径已经是相对路径了，所以你不需要手动改变。是告诉 webpack 打包后的文件在浏览器中的访问路径。这适用于大多数情况，尤其是当你的项目部署在服务器的根目录时。文件中的引用路径，这由 webpack 自动处理了。时，实际上是将构建后的资源相对于当前路径进行引用。
vue 打包后出现"Vue DevTools failed to load SourceMap: Could not load content : net::ERR_FILE_NOT_FOUND"错误
andy5520的博客
03-06 4万+
报错如上图 本地开发环境没问题 首页路由第一次加载没问题 第二次就会出现404 1.解决办法 修改config中的index.js中 assetsPublicPath:"./" 2. 修改router/index.js中的mode注释掉 ...
chunk-vendors.7142f8da.js:1 Uncaught SyntaxError: Unexpected token ‘＜‘
qq_53582111的博客
09-07 710
这是我vue 打包后 用 serve -s dist 预览发现的
vue3：项目打包后，浏览器打开页面报错： Failed to load resource: net::ERR_FILE_NOT_FOUN （路径错误）
LiliGong1的博客
06-25 2053
路径错误
Failed to load resource: net::ERR_FILE_NOT_FOUND
weixin_51339619的博客
09-15 724
vue打包页面空白错误解决
“Failed to load resource: net::ERR_FILE_NOT_FOUND“错误 。vue-cli 3.0 创建的项目，dev下能运行，打包后报错，页面空白 。
小猪的博客
10-15 1万+
cli3.0 解决办法： Failed to load resource: net::ERR_FILE_NOT_FOUND 打开dist/index.html， 引入是有问题的， 在vue-cli 3.0 创建的项目中是找不到webpack的配置文件，因为vue-cli 3.0 将其封装起来了，只需要在项目的根目录下的vue.config.js文件中修改就行了（若项目没有...
VueCli3项目解决打包问题
袁的博客
10-04 1366
VueCli3项目解决打包问题，主要解决打包后页面资源无法访问，配置了devServe，访问无法访问后端！！
vue项目打包上线时报错‘Failed to load resource: net::ERR_FILE_NOT_FOUND‘
快乐de馒头
07-30 5134
这里的确是css以及js文件的路径问题，但解决时并不需要手动改路径或者加一段判断去修改，最方便的办法时在项目打包前的vue.config.js里面将publicPath属性添加或者修改为publicPath‘./’，然后重新打包。版权声明本文为CSDN博主「CS_ruler」的原创文章，遵循CC4.0BY-SA版权协议，转载请附上原文出处链接及本声明。原文链接https//blog.csdn.net/CS_ruler/article/details/125479780。...
vue axios 跨域 请求代理
abelrox的博客
11-20 418
1. vue.config.js的配置 module.exports = { publicPath: './', devServer: { // axios 跨域代理 proxy: { '/api': { target: 'http://192.168.10.129:5000', changeOrigin: true } }
做Vue项目的bug
m0_49416118的博客
07-13 580
报错：‘npm’ 不是内部或外部命令，也不是可运行的程序 或批处理文件。 解决方法：确保下载node.js以后给电脑和webstorm分别配置坏境。 ‘vue-cli-service’ 不是内部或外部命令，也不是可运行的程序 或批处理文件。 解决方法： 更新node.js版本：npm i -g n --force ...
vue加载本地资源报错：GET http://assets/ambulance.glb net::ERR_NAME_NOT_RESOLVED
FlyToTheWorld的博客
03-30 2170
解决办法 将资源部署到tomcat中，通过链接访问 新建文件夹存放需要部署的资源 修改配置文件 <Context path="/model" docBase="E:\work_software\apache-tomcat-9.0.36\webapps\model" debug="0" reloadable="true"/> vue页面中引用 ...
vue跨域问题
Tel_17674647975的博客
03-21 317
vue跨域问题（内含代码）。
如何解决Chrome浏览器err_name_not_resolved问题
Sensation_cyq的博客
04-16 6959
如何解决Chrome浏览器err_name_not_resolved问题
ERR_NAME_NOT_RESOLVED
qq_41181141的博客
12-28 1222
ERR_NAME_NOT_RESOLVED
vue项目打包后白屏或者报错Failed to load resource: net::ERR_FILE_NOT_FOUND以及图标为小方框
YourMoonLight的博客
07-24 4911
一、在做完项目之后直接执行npm run build命令，出现空白 1、打包后的dist目录下的文件引用路径不对，会因为找不到文件而报错导致白屏 解决办法： 修改一下config下面的index,js中Build模块导出的路径 因为index.html里边的内容都是通过script标签引入的，而你的路径不对，打开肯定是空白的：assetsPublicPath默认的是’/’也就是根目录，而我们的index.html和static在同一级目录下面，所以要改为’./’ 2、由于把路由模式mode设置成histo
在react项目中使用webpack打包后点击index.html页面控制台提示Failed to load resource: net::ERR_FILE_NOT_FOUND的解决方法
weixin_39893889的博客
10-09 5683
在react项目中使用webpack打包后点击index.html页面控制台提示Failed to load resource: net::ERR_FILE_NOT_FOUND的解决方法 方法一：在package.json文件中进行如下修改 "homepage":"./" { "name": "cnode", "version": "1.0.0", "description": ""...
关于错误ERR_NAME_NOT_RESOLVED
热门推荐
高性价比服务器就选：蓝易云
02-04 4万+
错误ERR_NAME_NOT_RESOLVED通常是由于域名解析问题引起的。这个错误表示你的浏览器无法解析特定域名的IP地址，因此无法访问该网站。如果以上方法都未能解决问题，你可能需要联系你的网络管理员或互联网服务提供商以获取更多帮助，或者考虑尝试在不同的网络环境中访问网站。：这是最常见的原因。你的计算机无法通过DNS（域名系统）找到特定域名的IP地址。
域名解析错误：错误代码：ERR_NAME_NOT_RESOLVED
lanlan4k的博客
09-27 2566
打开上述页面，修改maven的User setting file 和Local repository为自己maven所在的地方。修改后，重新运行，运行成功。运行之前的项目发现并没有产生上述问题，想到会不会是自己的某个配置发生了错误。直觉感觉可能是maven的配置有问题。经查找，在网上解决此类问题的办法大致有以下四种，依次做出尝试，均为生效。具体内容可看以下链接。运行一个项目时一直出现以下界面。
err_name_not_resolved原因
geek87的专栏
04-02 855
找这个原费劲了，原来是域名解析配制两个，老的废弃了，新的正常，一会正常一会报错。err_name_not_resolved原因。删除旧的就没问题了。
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值