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 select控件操作大全(新增、修改、删除、选中、清空、判断存在等)
Dec 19 Javascript
js 方法实现返回多个数据的代码
Apr 30 Javascript
jquery之超简单的div显示和隐藏特效demo(分享)
Jul 09 Javascript
javascript右下角弹层及自动隐藏(自己编写)
Nov 20 Javascript
20分钟成功编写bootstrap响应式页面 就这么简单
May 12 Javascript
浅谈JavaScript前端开发的MVC结构与MVVM结构
Jun 03 Javascript
JS实现重新加载当前页面
Nov 29 Javascript
JavaScript ES6中export、import与export default的用法和区别
Mar 14 Javascript
vue 计时器组件的实现代码
Sep 14 Javascript
详解Angular5 服务端渲染实战
Jan 04 Javascript
10个经典的网页鼠标特效代码
Jan 09 Javascript
vue.js input框之间赋值方法
Aug 24 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
paypal即时到账php实现代码
2010/11/28 PHP
php相对当前文件include其它文件的方法
2015/03/13 PHP
使用xampp搭建运行php虚拟主机的详细步骤
2015/10/21 PHP
PHP中addslashes与mysql_escape_string的区别分析
2016/04/25 PHP
PHP获取文件扩展名的方法实例总结
2017/06/10 PHP
PHP使用PDO访问oracle数据库的步骤详解
2017/09/29 PHP
PHP序列化的四种实现方法与横向对比
2018/11/29 PHP
js 通过cookie实现刷新不变化树形菜单
2014/10/30 Javascript
APP中javascript+css3实现下拉刷新效果
2016/01/27 Javascript
JavaScript获取图片像素颜色并转换为box-shadow显示
2016/03/11 Javascript
80%应聘者都不及格的JS面试题
2017/03/21 Javascript
JavaScript验证知识整理
2017/03/24 Javascript
webpack4之如何编写loader的方法步骤
2019/06/06 Javascript
微信小程序实现蓝牙打印
2019/09/23 Javascript
VUEX 数据持久化,刷新后重新获取的例子
2019/11/12 Javascript
ES6箭头函数和扩展实例分析
2020/05/23 Javascript
python修改字典内key对应值的方法
2015/07/11 Python
Python中asyncore异步模块的用法及实现httpclient的实例
2016/06/28 Python
Python实现时钟显示效果思路详解
2018/04/11 Python
Python实现字典按key或者value进行排序操作示例【sorted】
2019/05/03 Python
python使用tomorrow实现多线程的例子
2019/07/20 Python
利用Pandas和Numpy按时间戳将数据以Groupby方式分组
2019/07/22 Python
Python适配器模式代码实现解析
2019/08/02 Python
详解python 利用echarts画地图(热力图)(世界地图,省市地图,区县地图)
2019/08/06 Python
Python 读取用户指令和格式化打印实现解析
2019/09/02 Python
Pandas时间序列:重采样及频率转换方式
2019/12/26 Python
重写django的model下的objects模型管理器方式
2020/05/15 Python
全网最全python库selenium自动化使用详细教程
2021/01/12 Python
python中threading和queue库实现多线程编程
2021/02/06 Python
H5离线存储Manifest原理及使用
2020/04/28 HTML / CSS
全球领先的各类汽车配件零售商:Advance Auto Parts
2016/08/26 全球购物
西班牙第一的网上药房:PromoFarma.com
2017/04/17 全球购物
英文版区域经理求职信
2013/10/23 职场文书
师范应届毕业生自荐信
2013/11/18 职场文书
2016应届毕业生就业指导课心得体会
2016/01/15 职场文书
德生TECSUN S-2000使用手册文字版
2022/05/10 无线电