vue打包npm run build时候界面报错的解决


Posted in Javascript onAugust 13, 2020

用coding-pages打开后显示Failed to load resource: the server responded with a status of 404 (Not Found),

解决方案:

方案一:

找到config里的index.js,打开修改assetsPublicPath 为“./”

vue打包npm run build时候界面报错的解决

方案二:

或者把index.html文件中的路径/去掉;

下面是去掉后的,可以参考下

vue打包npm run build时候界面报错的解决

vue打包npm run build时候界面报错的解决

vue打包npm run build时候界面报错的解决

vue打包npm run build时候界面报错的解决

vue打包npm run build时候界面报错的解决

成功了!

补充知识:启动vue项目 npm run dev 时报errno -4058

vue打包npm run build时候界面报错的解决

进入到项目目录下,shift+右键 打开cmd

执行 npm install

然后再执行 npm run dev

或者你留意一下项目是不是存在多个文件夹。你执行npm run dev时,没有在最里面的文件夹(即包含package.json文件夹内)执行

以上这篇vue打包npm run build时候界面报错的解决就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript call和apply方法
Nov 24 Javascript
jquery判断单个复选框是否被选中的代码
Sep 03 Javascript
让IE6支持min-width和max-width的方法
Jun 25 Javascript
JavaScript call apply使用 JavaScript对象的方法绑定到DOM事件后this指向问题
Sep 28 Javascript
jquery制作居中遮罩层效果分享
Feb 21 Javascript
JavaScript实现DIV层拖动及动态增加新层的方法
May 12 Javascript
jQuery表格插件datatables用法详解
Nov 23 Javascript
JQuery学习总结【一】
Dec 01 Javascript
认识jQuery的Promise的具体使用方法
Oct 10 jQuery
mockjs,json-server一起搭建前端通用的数据模拟框架教程
Dec 18 Javascript
构建大型 Vue.js 项目的10条建议(小结)
Nov 14 Javascript
解决Can't find variable: SockJS vue项目的问题
Sep 22 Javascript
解决vue项目,npm run build后,报路径错的问题
Aug 13 #Javascript
vue项目接口管理,所有接口都在apis文件夹中统一管理操作
Aug 13 #Javascript
vue实现把接口单独存放在一个文件方式
Aug 13 #Javascript
js实现幻灯片轮播图
Aug 14 #Javascript
查找Vue中下标的操作(some和findindex)
Aug 12 #Javascript
修改Vue打包后的默认文件名操作
Aug 12 #Javascript
解决vue单页面应用进入页面加载所有 js 的问题
Aug 12 #Javascript
You might like
PHP与已存在的Java应用程序集成
2006/10/09 PHP
PHP脚本的10个技巧(3)
2006/10/09 PHP
探讨如何在PHP开启gzip页面压缩实例
2013/06/09 PHP
php绘图中显示不出图片的原因及解决
2014/03/05 PHP
PHP构造函数与析构函数用法示例
2016/09/28 PHP
php自定义时间转换函数示例
2016/12/07 PHP
ThinkPHP5分页paginate代码实例解析
2020/11/10 PHP
jQuery LigerUI 使用教程入门篇
2012/01/18 Javascript
js使用onmousemove和onmouseout获取鼠标坐标的方法
2015/03/31 Javascript
jQuery拖拽插件gridster使用指南
2015/04/21 Javascript
JS设置时间无效问题的解决办法
2017/02/18 Javascript
深入理解ES6中let和闭包
2018/02/22 Javascript
关闭Vue计算属性自带的缓存功能方法
2018/03/02 Javascript
详解JavaScript中关于this指向的4种情况
2019/04/18 Javascript
解决vue组件中click事件失效的问题
2019/11/09 Javascript
vue vantUI tab切换时 list组件不触发load事件的问题及解决方法
2020/02/14 Javascript
JavaScript实现随机点名小程序
2020/10/29 Javascript
[00:31]DOTA2荣耀之路7:Miracle-空血无敌斩
2018/05/31 DOTA
python里将list中元素依次向前移动一位
2014/09/12 Python
Python中的异常处理简明介绍
2015/04/13 Python
Python实现多条件筛选目标数据功能【测试可用】
2018/06/13 Python
python利用openpyxl拆分多个工作表的工作簿的方法
2019/09/27 Python
Python numpy线性代数用法实例解析
2019/11/15 Python
Python生成器常见问题及解决方案
2020/03/21 Python
jupyter notebook指定启动目录的方法
2021/03/02 Python
BRASTY捷克:购买香水、化妆品、手袋和手表
2017/07/12 全球购物
党员思想汇报范文
2013/12/30 职场文书
挑战杯创业计划书的写作指南
2014/01/07 职场文书
优秀班集体获奖感言
2014/02/03 职场文书
网吧消防安全责任书
2014/07/29 职场文书
党的群众路线教育实践活动实施方案
2014/10/31 职场文书
2015年全国科普日活动总结
2015/03/23 职场文书
活动总结模板大全
2015/05/11 职场文书
JavaScript 语句之常用 for 循环详解
2021/03/29 Javascript
Golang二维切片初始化的实现
2021/04/08 Golang
SpringAop日志找不到方法的处理
2021/06/21 Java/Android