vue项目build打包完报错Failed to load resource: net::ERR_FILE_NOT_FOUND或出现空白页

最新推荐文章于 2024-08-25 15:41:29 发布
原创 最新推荐文章于 2024-08-25 15:41:29 发布 · 1k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue

在项目根目录下创建vue.config.js
在这里插入图片描述
内容是
module.exports = {
publicPath: ‘./’
}
在这里插入图片描述
保存 重新build打包 即可解决

uniapp - H5网页打包运行报错Failed to load resource: net::ERR_FILE_NOT_FOUND（uniApp打包成H5部署到服务器，打包h5白屏并报错页面空白）
🏆 前端领域优质创作者
10-28 3131
Failed to load resource: net::ERR_FILE_NOT_FOUND，uniapp 坑之打包之后白屏，uniapp打包h5，HBuilderX 打包H5后空白报错 Failed to load resource: net::ERR FILE NOT_FOUND，UNI-APP H5应用白屏（空白页）解决方案，白屏并报错Failed to load resource: net::ERR_FILE_NOT_FOUND，uniapp开发，打包成H5部署到服务器，uniapp打包之后首页
vue打包：Failed to load resource: net::ERR_FILE_NOT_FOUND问题
zxw939832359的博客
12-28 5995
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_CONNECTION_REFUSED报错问题
10-14
主要介绍了解决vue net :ERR_CONNECTION_REFUSED报错问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
Vue项目报错：net::ERR_CONNECTION_TIMED_OUT
涤生的博客
07-14 6万+
Vue项目错误提示：net::ERR_CONNECTION_TIMED_OUT
Vue项目打包报错Failed to load resource: net::ERR_FILE_NOT_FOUND
weixin_30316097的博客
11-26 675
webpack.prod.conf.js 中output添加参数publicPath:'./' 修改webpack.base.conf.js中： publicPath: process.env.NODE_ENV === 'production' ? './' +config.build.assetsPublicPath : './' + config.dev.assetsPublic...
Not allowed to load local resource: file:///D:/zzjc/sudoku/dist/win-unpacked/resources/app.asar/dist/index.html
最新发布
08-28
若 `publicPath` 被设置为 `'./' + config.build.assetsPublicPath`，构建后的资源路径可能无法正确匹配本地文件系统的结构，从而导致 `Failed to load resource: net::ERR_FILE_NOT_FOUND` 错误[^2]。 ### 解决...
解决vue-cli2和vue-cli3项目分别打包后dist文件中index.html出现空白
Mini_小仙女的博客
07-08 2510
是不是遇到过在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的路径改为“./”即可。 二.
vue项目打包 打包运行报错以及Element UI字体图标不显示问题解决详细过程
格の调
03-08 3902
vue项目本地开发完成后要部署上限，需要先把项目打包，打包步骤我经过试错，总结出简单3步完成。 项目有更新情况打包： 非首次打包可直接：npm run build 即项目前期已经配置好，并经打包部署过运行没有什么问题，后期局部修改后重新打包，可直接运行以上命令进行打包。 项目初次打包部署 项目初次打包部署或打包后运行有问题，需进行以下三步操作： 第1,2步中修改的2处文件位置： 1.config>index.js 文件 里面的dev是开发环境，build是打包部署运行的版本。 找到build
Failed to load resource netERR_FILE_NOT_FOUND（vue 项目通过 npm run build 打包以后页面没有内容）
m0_54850467的博客
03-05 567
顾名思义这是一个路径问题！！！！！ 当项目build后打开dist/index.html你会发现页面什么都没有（空白页），查看页面console 惊奇的发现一片红 更改点一： 此时你需要查看你的配置文件webpack.config.js(vue.config.js) 是否配置了publicPath:’./’, module.exports = { publicPath:'./', // 执行 npm run build 统一配置路径 } 再次打包index.html 就会看到你想看到
vue axios 跨域 请求代理
abelrox的博客
11-20 391
1. vue.config.js的配置 module.exports = { publicPath: './', devServer: { // axios 跨域代理 proxy: { '/api': { target: 'http://192.168.10.129:5000', changeOrigin: true } }
Failed to load resource: net::ERR_FILE_NOT_FOUND
weixin_51339619的博客
09-15 689
vue打包页面空白错误解决
npm run build打包后页面空白报错：Failed to load resource: net::ERR_FILE_NOT_FOUND
Huagg24的博客
12-02 2980
有效的解决了我的问题所以转载记录一下。
Vue项目报错：DevTools failed to load source map: Could not load content for
WEB前端李志杰
04-21 3245
添加 devtool配置，相关配置请自行搜索 webpack source map // vue.config.js module.exports = { configureWebpack: { // devtool devtool: 'cheap-module-eval-source-map' } }
vue 项目打包报错 Failed to load resource: net::ERR_FILE_NOT_FOUND
c327127960的博客
11-15 1770
vue 项目打包报错 Failed to load resource: net::ERR_FILE_NOT_FOUND
前端vue报net::ERR_FAILED 500 (Internal Server Error)
weixin_40486739的博客
08-25 897
其他业务异常正常返回，但是filter异常在前端报跨域异常：No 'Access-Control-Allow-Origin' header is present, net::ERR_FAILED 500 (Internal Server Error)这是由于自定义的controller没有配置跨域，给ErrorControllerImpl 加上@CrossOrigin注解就可以了。spring boot的filter抛出的自定义异常，使用自定义controller来捕获。
vue 项目 build 之后dist文件下的index.html不显示内容，并且报 Failed to load resource: net::ERR_FILE_NOT_FOUND 错误
web00_11的博客
11-24 1172
vue 项目 build 之后dist文件下的index.html不显示内容，并且报 Failed to load resource: net::ERR_FILE_NOT_FOUND 错误解决方案 在项目根目录下创建 vue.config.js 文件，在里面配置 module.exports = { publicPath: './' } ...
Vue2 跨域问题报错AxiosError net::ERR_FAILED、 Network Error、ERR_NETWORK
热门推荐
blog-xiaoh的博客
08-24 6万+
Vue2 跨域问题报错AxiosError net::ERR_FAILED、 Network Error、ERR_NETWORK
正式环境打包没问题测试环境打包报错Failed to load resource: net::ERR_FILE_NOT_FOUND
09-21
根据提供的引用内容，您在测试环境打包时遇到了"Failed to load resource: net::ERR_FILE_NOT_FOUND"错误。这个错误通常是由于缺少文件或资源导致的。请确保在测试环境中，所有的文件和资源都正确引用并可访问。 为了解决这个问题，您可以按照以下步骤操作： 1. 检查您的vue.config.js文件，确保publicPath属性的值设置为"./"，这样可以正确引用资源文件。 2. 检查您的router文件下的index.js文件，确保base属性的值设置为process.env.BASE_URL，这样可以正确引用路由文件。 如果您仍然遇到问题，请确保所有的文件和资源都在正确的位置，并且可以在测试环境中正常访问。您还可以检查浏览器的开发者工具，查看具体的资源加载错误信息，以便更好地定位和解决问题。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值