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 相关文章推荐
为radio类型的INPUT添加客户端脚本(附加实现JS来禁用onClick事件思路代码)
Nov 11 Javascript
JS的参数传递示例介绍
Feb 08 Javascript
JS实现简单的顶部定时关闭层效果
Jun 15 Javascript
js判断变量初始化的三种形式及推荐用的形式
Jul 22 Javascript
innerHTML在IE中报错解决方案
Dec 15 Javascript
javascript折半查找详解
Jan 26 Javascript
AngularJS中如何使用$http对MongoLab数据表进行增删改查
Jan 23 Javascript
微信小程序 rich-text的使用方法
Aug 04 Javascript
详解vue + vuex + directives实现权限按钮的思路
Oct 24 Javascript
js原生日历的实例(推荐)
Oct 31 Javascript
vue的无缝滚动组件vue-seamless-scroll实例
Dec 18 Javascript
Vue组件内部实现一个双向数据绑定的实例代码
Apr 04 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
Windows下PHP的任意文件执行漏洞
2006/10/09 PHP
php数组函数序列之array_unique() - 去除数组中重复的元素值
2011/10/29 PHP
PHP Directory 函数的详解
2013/03/07 PHP
php中生成随机密码的自定义函数代码
2013/10/21 PHP
php中stdClass的用法分析
2015/02/27 PHP
PHP统计数值数组中出现频率最多的10个数字的方法
2015/04/20 PHP
PHP的介绍以及优势详细分析
2019/09/05 PHP
js下将字符串当函数执行的方法
2011/07/13 Javascript
js 创建对象 经典模式全面了解
2016/08/16 Javascript
angular forEach方法遍历源码解读
2017/01/25 Javascript
bootstrap实现的自适应页面简单应用示例
2017/03/09 Javascript
JavaScript学习总结(一) ECMAScript、BOM、DOM(核心、浏览器对象模型与文档对象模型)
2018/01/07 Javascript
详解vue+vuex+koa2开发环境搭建及示例开发
2018/01/22 Javascript
vue2.0 自定义 饼状图 (Echarts)组件的方法
2018/03/02 Javascript
安装Node.js并启动本地服务的操作教程
2018/05/12 Javascript
JS实现获取word文档内容并输出显示到html页面示例
2018/06/23 Javascript
其实你可以少写点if else与switch(推荐)
2019/01/10 Javascript
使用layer模态框给新页面传值的方法
2019/09/27 Javascript
微信小程序仿抖音视频之整屏上下切换功能的实现代码
2020/05/24 Javascript
Vant Weapp组件踩坑:picker的初始赋值解决
2020/11/12 Javascript
Python获取Linux系统下的本机IP地址代码分享
2014/11/07 Python
在Python中操作时间之strptime()方法的使用
2020/12/30 Python
使用Python发送各种形式的邮件的方法汇总
2015/11/09 Python
python使用pyqt写带界面工具的示例代码
2017/10/23 Python
详解python使用turtle库来画一朵花
2019/03/21 Python
python中关于数据类型的学习笔记
2020/07/19 Python
Hunkemöller西班牙:欧洲最大的内衣连锁店
2018/08/15 全球购物
金讯Java笔试题目
2013/06/18 面试题
管理建议书范文
2014/05/13 职场文书
团拜会策划方案
2014/06/07 职场文书
2015年数学教研工作总结
2015/07/22 职场文书
2016春季校长开学典礼致辞
2015/11/26 职场文书
毕业生求职自荐信(2016最新版)
2016/01/28 职场文书
毕业生自我鉴定范文
2019/05/13 职场文书
详解Anyscript开发指南绕过typescript类型检查
2022/09/23 Javascript
css清除浮动clearfix:after的用法详解(附完整代码)
2023/05/21 HTML / CSS