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 相关文章推荐
转换json格式的日期为Javascript对象的函数
Jul 13 Javascript
JavaScript var声明变量背后的原理示例解析
Oct 12 Javascript
C++中的string类的用法小结
Aug 07 Javascript
jquery图片滚动放大代码分享(2)
Aug 28 Javascript
jQuery实现iframe父窗体和子窗体的相互调用
Jun 17 Javascript
jquery实现拖动效果
Aug 10 Javascript
AngularJS 执行流程详细介绍
Aug 18 Javascript
jQuery web 组件 后台日历价格、库存设置的代码
Oct 14 Javascript
js 提交form表单和设置form表单请求路径的实现方法
Oct 25 Javascript
canvas实现动态小球重叠效果
Feb 06 Javascript
jQuery实现弹窗居中效果类似alert()
Feb 27 Javascript
Angular中使用MathJax遇到的一些问题
Dec 15 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 urlencode()与urldecode()函数字符编码原理详解
2011/12/06 PHP
解析如何在PHP下载文件名中解决乱码的问题
2013/06/20 PHP
CodeIgniter中使用cookie的三种方式详解
2014/07/18 PHP
php实现通用的从数据库表读取数据到数组的函数实例
2015/03/21 PHP
Yii2.0中的COOKIE和SESSION用法
2016/08/12 PHP
jQuery学习笔记之Helloworld
2010/12/22 Javascript
AngularJS中处理多个promise的方式
2016/02/02 Javascript
jQuery插件zTree实现获取当前选中节点在同级节点中序号的方法
2017/03/08 Javascript
JS实现简单获取最近7天和最近3天日期的方法
2018/04/18 Javascript
bootstrap实现点击删除按钮弹出确认框的实例代码
2018/08/16 Javascript
el-select 下拉框多选实现全选的实现
2019/08/02 Javascript
用Angular实现一个扫雷的游戏示例
2020/05/15 Javascript
[26:24]完美副总裁、DOTA2负责人蔡玮专访:电竞如人生
2014/09/11 DOTA
python处理cookie详解
2014/02/07 Python
python实现的二叉树算法和kmp算法实例
2014/04/25 Python
编程语言Python的发展史
2014/09/26 Python
Python如何快速上手? 快速掌握一门新语言的方法
2017/11/14 Python
Python冲顶大会 快来答题!
2018/01/17 Python
Python实现的求解最大公约数算法示例
2018/05/03 Python
python多行字符串拼接使用小括号的方法
2020/03/19 Python
python实现自动化报表功能(Oracle/plsql/Excel/多线程)
2019/12/02 Python
利用CSS3的border-radius绘制太极及爱心图案示例
2016/05/17 HTML / CSS
突破canvas语法限制 让他支持链式语法
2012/12/24 HTML / CSS
Groupon比利时官方网站:特卖和网上购物高达-70%
2019/08/09 全球购物
葡萄牙航空官方网站:TAP Air Portugal
2019/10/31 全球购物
Cecil Mode法国在线商店:女性时尚
2021/01/08 全球购物
武汉世纪畅想数字传播有限公司.NET笔试题
2014/07/22 面试题
为什么需要版本控制?
2013/08/08 面试题
国家励志奖学金获奖感言
2014/01/09 职场文书
大一学生的职业生涯规划书范文
2014/01/19 职场文书
高中生期末评语
2014/01/28 职场文书
产品生产计划书
2014/05/07 职场文书
生物技术专业求职信
2014/06/10 职场文书
文员求职信
2014/07/15 职场文书
乡镇党建工作汇报材料
2014/08/14 职场文书
python数字图像处理之图像自动阈值分割示例
2022/06/28 Python