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修改css样式style
Apr 15 Javascript
JS基于Ajax实现的网页Loading效果代码
Oct 27 Javascript
通过jquery-ui中的sortable来实现拖拽排序的简单实例
May 24 Javascript
JS定时器用法分析【时钟与菜单中的应用】
Dec 21 Javascript
原生js实现水平方向无缝滚动
Jan 10 Javascript
weex slider实现滑动底部导航功能
Aug 28 Javascript
在react中使用vuex的示例代码
Jul 30 Javascript
微信小程序实现选项卡效果
Nov 06 Javascript
ES6的Fetch异步请求的实现方法
Dec 07 Javascript
Vue使用watch监听一个对象中的属性的实现方法
May 10 Javascript
如何在vue 中使用柱状图 并自修改配置
Jan 21 Vue.js
three.js 实现露珠滴落动画效果的示例代码
Mar 01 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设计模式 php实现适配器模式
2015/12/07 PHP
php+html5+ajax实现上传图片的方法
2016/05/14 PHP
php获取flash尺寸详细数据的方法
2016/11/12 PHP
实例讲解PHP页面静态化
2018/02/05 PHP
JavaScript 节点操作 以及DOMDocument属性和方法
2007/12/06 Javascript
html中的input标签的checked属性jquery判断代码
2012/09/19 Javascript
重构Javascript代码示例(重构前后对比)
2013/01/23 Javascript
JS特权方法定义作用以及与公有方法的区别
2013/03/18 Javascript
jQuery点击弹出下拉菜单的小例子
2013/08/01 Javascript
JavaScript var声明变量背后的原理示例解析
2013/10/12 Javascript
JavaScript检测弹出窗口是否已经关闭的方法
2015/03/24 Javascript
浅谈window.onbeforeunload() 事件调用ajax
2016/06/29 Javascript
原生js实现选项卡功能
2017/03/08 Javascript
bootstrap轮播模板使用方法详解
2017/11/17 Javascript
利用babel将es6语法转es5的简单示例
2017/12/01 Javascript
前端MVVM框架解析之双向绑定
2018/01/24 Javascript
Node.js如何对SQLite的async/await封装详解
2019/02/14 Javascript
layui中select,radio设置不生效的解决方法
2019/09/05 Javascript
使用p5.js临摹动态图片
2019/11/04 Javascript
微信小程序tabBar设置实例解析
2019/11/14 Javascript
AngularJS动态生成select下拉框的方法实例
2019/11/17 Javascript
node实现mock-plugin中间件的方法
2019/12/25 Javascript
使用Webpack 搭建 Vue3 开发环境过程详解
2020/07/28 Javascript
JS实现购物车基本功能
2020/11/08 Javascript
基于vue的video播放器的实现示例
2021/02/19 Vue.js
python编写简单爬虫资料汇总
2016/03/22 Python
记一次python 内存泄漏问题及解决过程
2018/11/29 Python
Django 开发调试工具 Django-debug-toolbar使用详解
2019/07/23 Python
Python异步编程之协程任务的调度操作实例分析
2020/02/01 Python
2013年研究生毕业感言
2014/02/06 职场文书
六一文艺汇演开幕词
2015/01/29 职场文书
2016七夕情人节寄语
2015/12/04 职场文书
2016年暑期教师培训心得体会
2016/01/09 职场文书
PHP实现考试倒计时功能代码
2021/04/16 PHP
Golang 获取文件md5校验的方法以及效率对比
2021/05/08 Golang
DQL数据查询语句使用示例
2022/12/24 MySQL