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的动态创建DOM元素的代码
Dec 28 Javascript
js实现目录定位正文示例
Nov 14 Javascript
JS取文本框中最小值的简单实例
Nov 29 Javascript
JS简单操作select和dropdownlist实例
Nov 26 Javascript
jQuery+HTML5实现手机摇一摇换衣特效
Jun 05 Javascript
javascript实现很浪漫的气泡冒出特效
Sep 05 Javascript
jQuery 1.9.1源码分析系列(十五)之动画处理
Dec 03 Javascript
JavaScript编写页面半透明遮罩效果的简单示例
May 09 Javascript
ES6新特性六:promise对象实例详解
Apr 21 Javascript
基于jQuery对象和DOM对象和字符串之间的转化实例
Aug 08 jQuery
详解webpack 打包文件体积过大解决方案(code splitting)
Apr 10 Javascript
微信小程序支付功能 php后台对接完整代码分享
Jun 12 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正则走开
2008/03/15 PHP
PHP的5个安全措施小结
2012/07/17 PHP
php获取网页中图片、DIV内容的简单方法
2014/06/19 PHP
PHP自带方法验证邮箱是否存在
2016/02/01 PHP
php tpl模板引擎定义与使用示例
2019/08/09 PHP
javascript英文日期(有时间)选择器
2007/05/02 Javascript
PPK 谈 JavaScript 的 this 关键字 [翻译]
2009/09/29 Javascript
JavaScript Event学习第十章 一些可替换的事件对
2010/02/10 Javascript
Javascript中的String对象详谈
2014/03/03 Javascript
jQuery动画出现连续触发、滞后反复执行的解决方法
2015/01/28 Javascript
JavaScript实现广告的关闭与显示效果实例
2015/07/02 Javascript
jQuery实现布局高宽自适应的简单实例
2016/05/28 Javascript
jqueryMobile 动态添加元素,展示刷新视图的实现方法
2016/05/28 Javascript
Bootstrap 折叠(Collapse)插件用法实例详解
2016/06/01 Javascript
微信小程序 生命周期和页面的生命周期详细介绍
2017/01/19 Javascript
浅谈vue中使用图片懒加载vue-lazyload插件详细指南
2017/10/23 Javascript
JS数组push、unshift、pop、shift方法的实现与使用方法示例
2020/04/29 Javascript
原生javascript如何实现共享onload事件
2020/07/03 Javascript
python函数返回多个值的示例方法
2013/12/04 Python
将Python的Django框架与认证系统整合的方法
2015/07/24 Python
使用Django的模版来配合字符串翻译工作
2015/07/27 Python
Python语言描述随机梯度下降法
2018/01/04 Python
对python中的argv和argc使用详解
2018/12/15 Python
Python 支付整合开发包的实现
2019/01/23 Python
Python基础教程之if判断,while循环,循环嵌套
2019/04/25 Python
python生成特定分布数的实例
2019/12/05 Python
Python with标签使用方法解析
2020/01/17 Python
python+selenium 脚本实现每天自动登记的思路详解
2020/03/11 Python
Python 创建TCP服务器的方法
2020/07/28 Python
python 中关于pycharm选择运行环境的问题
2020/10/31 Python
Python的collections模块真的很好用
2021/03/01 Python
联想法国官方网站:Lenovo法国
2018/10/18 全球购物
JSP和EJB可以共享HttpSession么?EJB里面可以改变session里面的内容
2013/06/05 面试题
黄石寨导游词
2015/02/05 职场文书
2015年社区计生工作总结
2015/04/21 职场文书
解约证明模板
2015/06/19 职场文书