【VUE】vue-cli3打包项目报Failed to load resource: net::ERR_FILE_NOT_FOUND错误

最新推荐文章于 2024-08-25 15:41:29 发布
最新推荐文章于 2024-08-25 15:41:29 发布
阅读量3.2k 收藏
点赞数 3
分类专栏： 前端 文章标签： vue 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ah_biao/article/details/116145208
版权

报如图所示错误：
在这里插入图片描述
解决方法：
在项目根目录下新建vue.config.js文件，写入如下代码

module.exports = {
   publicPath: './',
};
ah_biao
关注
专栏目录
vue打包：Failed to load resource: net::ERR_FILE_NOT_FOUND问题
zxw939832359的博客
12-28 5503
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-cli踩坑】Failed to load resource: net::ERR_FILE_NOT_FOUND或者build之后dist文件下的index.html不显示内容
艾欢欢的博客
04-23 9033
通过vue-cli创建的项目 npm run dev 运行开发环境可以看到效果， 但是 npm run dbulid 之后，通过产生的dist文件下的index.html直接打开没显示，看不到效果，报错如下： 知乎上：webpack.prod.conf.js 中output添加参数publicPath:’./’ 具体代码： 在webpack.base.conf.js里 output: { ...
vue cli部署服务器 报错Failed to load resource: net::ERR_CONNECTION_TIMED_OUT
DubistmeinAugenstern
12-25 3287
问题描述 在本地开发模式下配置了跨域，项目可以正常访问发布的后端接口 当运行完npm run build 将 dist 解压放到宝塔发布后，访问项目报错： 解决方法 排除后端接口没有设置跨域的问题后，不需要改动任何代码，只需在宝塔中配置加入: location /api { add_header 'Access-Control-Allow-Origin' '*'; proxy_pass http://121.43.102.74:8088/api; } 保存即可。
Failed to load resource netERR_FILE_NOT_FOUND（vue 项目通过 npm run build 打包以后页面没有内容）
m0_54850467的博客
03-05 485
顾名思义这是一个路径问题！！！！！ 当项目build后打开dist/index.html你会发现页面什么都没有（空白页），查看页面console 惊奇的发现一片红 更改点一： 此时你需要查看你的配置文件webpack.config.js(vue.config.js) 是否配置了publicPath:’./’, module.exports = { publicPath:'./', // 执行 npm run build 统一配置路径 } 再次打包index.html 就会看到你想看到
前端vue报net::ERR_FAILED 500 (Internal Server Error)
最新发布
weixin_40486739的博客
08-25 349
其他业务异常正常返回，但是filter异常在前端报跨域异常：No 'Access-Control-Allow-Origin' header is present, net::ERR_FAILED 500 (Internal Server Error)这是由于自定义的controller没有配置跨域，给ErrorControllerImpl 加上@CrossOrigin注解就可以了。spring boot的filter抛出的自定义异常，使用自定义controller来捕获。
Vue项目打包报错Failed to load resource: net::ERR_FILE_NOT_FOUND
热门推荐
敲门的小白
11-04 3万+
打包出错显示空白页，或者Failed to load resource: net::ERR_FILE_NOT_FOUND 1.webpack.prod.conf.js 中output添加参数publicPath:'./' 2.修改webpack.base.conf.js中： publicPath: process.env.NODE_ENV === 'production' ?'....
“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文件中修改就行了（若项目没有...
npm run build打包后页面空白报错：Failed to load resource: net::ERR_FILE_NOT_FOUND
Huagg24的博客
12-02 2729
有效的解决了我的问题所以转载记录一下。
vue2 打包Failed to load resource: net::ERR_FILE_NOT_FOUND
05-24
如果你使用的是 vue-cli，可以在 `vue.config.js` 中配置打包路径： ```javascript module.exports = { publicPath: process.env.NODE_ENV === 'production' ? '/your-project-name/' : '/' } ``` 其中 `your-...
Vue 报错Failed to load resource: net::ERR_FILE_NOT_FOUND
10-11
3. 静态资源配置错误：在Vue项目中，你可以使用Vue CLI的`public`目录来存放静态资源。确认所请求的资源是否位于`public`目录或其子目录中，并在引用时使用正确的路径。 4. 服务器配置错误：如果你的项目使用了...
解决vue-cli2和vue-cli3项目分别打包后dist文件中index.html出现空白
Mini_小仙女的博客
07-08 2363
是不是遇到过在vue项目在开发环境下一切正常，但在npm run build之后，打开dist文件中的index.html页面却是一片空白，打开控制台发现报错：Failed to load resource: net::ERR_FILE_NOT_FOUND 出现这个问题的话，需要查看自己使用的是vue-cli2还是vue-cli3，他们处理方式不一样。 一.vue-cli2处理方式： 项目中找到config/index.js文件，将assetPublicPath的路径改为“./”即可。 二.
vue3：项目打包后，浏览器打开页面报错： Failed to load resource: net::ERR_FILE_NOT_FOUN （路径错误）
LiliGong1的博客
06-25 1754
路径错误
vue 编译的错误 Failed to load resource: net::ERR_FILE_NOT_FOUND
七元八元
08-22 5295
1.vue-cli npm run dev 可以看到，但是通过dist文件下的index.html直接打开没显示： 报错信息： Failed to load resource: net::ERR_FILE_NOT_FOUND 在webpack.base.conf.js里，添加： output: { path: config.build.assetsRoot, fi...
Failed to load resource: net::ERR_FILE_NOT_FOUND
weixin_51339619的博客
09-15 551
vue打包页面空白错误解决
vue 项目 build 之后dist文件下的index.html不显示内容，并且报 Failed to load resource: net::ERR_FILE_NOT_FOUND 错误
web00_11的博客
11-24 1113
vue 项目 build 之后dist文件下的index.html不显示内容，并且报 Failed to load resource: net::ERR_FILE_NOT_FOUND 错误解决方案 在项目根目录下创建 vue.config.js 文件，在里面配置 module.exports = { publicPath: './' } ...
vue 项目打包报错 Failed to load resource: net::ERR_FILE_NOT_FOUND
c327127960的博客
11-15 1635
vue 项目打包报错 Failed to load resource: net::ERR_FILE_NOT_FOUND
vue2中 Failed to load resource: net::ERR_FILE_NOT_FOUND
01-05
在Vue2中，当你打包项目后，可能会遇到"Failed to load resource: net::ERR_FILE_NOT_FOUND"的错误。这个错误通常是由于打包后的文件路径不正确导致的。为了解决这个问题，你可以按照以下步骤进行操作： 1. 找到...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值