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 相关文章推荐
jQuery 表格工具集
Apr 25 Javascript
Javascript对象中关于setTimeout和setInterval的this介绍
Jul 21 Javascript
如何设置一定时间内只能发送一次请求
Feb 28 Javascript
jQuery通过Ajax返回JSON数据
Apr 28 Javascript
轻量级网页遮罩层jQuery插件用法实例
Jul 31 Javascript
js停止冒泡和阻止浏览器默认行为的简单方法
May 15 Javascript
js中this对象用法分析
Jan 05 Javascript
浅谈vue中改elementUI默认样式引发的static与assets的区别
Feb 03 Javascript
浅谈ajax请求不同页面的微信JSSDK问题
Feb 26 Javascript
浅谈node.js 命令行工具(cli)
May 10 Javascript
jQuery仿移动端支付宝键盘的实现代码
Aug 15 jQuery
JavaScript 中for/of,for/in 的详细介绍
Nov 17 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通过文件流方式复制文件的方法
2015/03/13 PHP
php封装的验证码工具类完整实例
2016/10/19 PHP
最简单的jQuery程序 入门者学习
2009/07/09 Javascript
将函数的实际参数转换成数组的方法
2010/01/25 Javascript
JQuery+JS实现仿百度搜索结果中关键字变色效果
2011/08/02 Javascript
jQuery $.each遍历对象、数组用法实例
2015/04/16 Javascript
jQuery实现的点赞随机数字显示动画效果(附在线演示与demo源码下载)
2015/12/31 Javascript
浅析jquery unbind()方法移除元素绑定的事件
2016/05/24 Javascript
jQuery EasyUI编辑DataGrid用combobox实现多级联动
2016/08/29 Javascript
JS识别浏览器类型(电脑浏览器和手机浏览器)
2016/11/18 Javascript
JS实现类似百叶窗下拉菜单效果
2016/12/30 Javascript
常用的9个JavaScript图表库详解
2017/12/19 Javascript
JS计算距当前时间的时间差实例
2017/12/29 Javascript
JavaScript中的连续赋值问题实例分析
2019/07/12 Javascript
15分钟上手vue3.0(小结)
2020/05/20 Javascript
Python可跨平台实现获取按键的方法
2015/03/05 Python
python reduce 函数使用详解
2017/12/05 Python
Django保护敏感信息的方法示例
2019/05/09 Python
django 前端页面如何实现显示前N条数据
2020/03/16 Python
Django Admin后台添加数据库视图过程解析
2020/04/01 Python
python实现xml转json文件的示例代码
2020/12/30 Python
uniapp+Html5端实现PC端适配
2020/07/15 HTML / CSS
西班牙英格列斯百货法国官网:El Corte Inglés法国
2017/07/09 全球购物
美国摩托车头盔、零件、齿轮及配件商店:Cycle Gear
2019/06/12 全球购物
乌克兰珠宝大卖场:Zlato.ua
2020/09/27 全球购物
一道Delphi上机题
2012/06/04 面试题
第一批党的群众路线教育实践活动总结报告
2014/07/03 职场文书
党员群众路线学习心得体会
2014/11/04 职场文书
保洁员岗位职责
2015/02/04 职场文书
2015年政风行风工作总结
2015/04/21 职场文书
社区文明创建工作总结2015
2015/04/21 职场文书
大学优秀学生主要事迹材料
2015/11/04 职场文书
2016年秋季运动会通讯稿
2015/11/25 职场文书
工作简历的自我评价
2019/05/16 职场文书
Python+Matplotlib图像上指定坐标的位置添加文本标签与注释
2022/04/11 Python
Golang jwt身份认证
2022/04/20 Golang