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一些题目的解析
Dec 25 Javascript
怎么选择Javascript框架(Javascript Framework)
Nov 22 Javascript
jQuery简单实现上下,左右滑动的方法
Jun 01 Javascript
jQuery事件绑定用法详解
Sep 08 Javascript
基于Bootstrap漂亮简洁的CSS3价格表(附源码下载)
Feb 28 Javascript
bootstrap动态添加面包屑(breadcrumb)及其响应事件的方法
May 25 Javascript
基于Vue实例生命周期(全面解析)
Aug 16 Javascript
javaScript产生随机数的用法小结
Apr 21 Javascript
使用Javascript简单计算器
Nov 17 Javascript
vue使用localStorage保存登录信息 适用于移动端、PC端
May 27 Javascript
原生js实现移动小球(碰撞检测)
Dec 17 Javascript
Vue OpenLayer测距功能的实现
Apr 20 Vue.js
解决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支持断点续传的源码
2010/05/16 PHP
PHP下利用shell后台运行PHP脚本,并获取该脚本的Process ID的代码
2011/09/19 PHP
php while循环得到循环次数
2013/10/26 PHP
PHP生成树的方法
2015/07/28 PHP
PHP attributes()函数讲解
2019/02/03 PHP
javascript this用法小结
2008/12/19 Javascript
Jquery从头学起第四讲 jquery入门教程
2010/08/01 Javascript
javascript 触发HTML元素绑定的函数
2010/09/11 Javascript
用Javascript实现Windows任务管理器的代码
2012/03/27 Javascript
javascript控制Div层透明属性由浅变深由深变浅逐渐显示
2013/11/12 Javascript
js数组方法扩展实现数组统计函数
2014/04/09 Javascript
js判断元素是否隐藏的方法
2014/06/09 Javascript
JavaScript版的TwoQueues缓存模型
2014/12/29 Javascript
JS给Array添加是否包含字符串的简单方法
2016/10/29 Javascript
JavaScript中String对象的方法介绍
2017/01/04 Javascript
详解NodeJs支付宝移动支付签名及验签
2017/01/06 NodeJs
jquery.uploadifive插件怎么解决上传限制图片或文件大小问题
2017/05/08 jQuery
Node.js微信 access_token ( jsapi_ticket ) 存取与刷新的示例
2017/09/30 Javascript
微信小程序中遇到的iOS兼容性问题小结
2018/11/14 Javascript
vue的.vue文件是怎么run起来的(vue-loader)
2018/12/10 Javascript
vue中将html字符串转换成html后遇到的问题小结
2018/12/10 Javascript
jQuery轮播图功能制作方法详解
2019/12/03 jQuery
js实现自动播放匀速轮播图
2020/02/06 Javascript
JavaScript实现拖动对话框效果的实现代码
2020/10/12 Javascript
python实现的AES双向对称加密解密与用法分析
2017/05/02 Python
Django中Forms的使用代码解析
2018/02/10 Python
使用python实现快速搭建简易的FTP服务器
2018/09/12 Python
css3截图_动力节点Java学院整理
2017/07/11 HTML / CSS
中国电视购物:快乐购
2017/02/04 全球购物
印度化妆品购物网站:Nykaa
2018/07/22 全球购物
thinkphp5 redis缓存新增方法实例讲解
2021/03/24 PHP
简历的自我评价
2014/02/03 职场文书
《寓言两则》教学反思
2014/02/27 职场文书
董事长助理岗位职责
2015/02/11 职场文书
2015年禁毒工作总结
2015/04/30 职场文书
Python matplotlib安装以及实现简单曲线的绘制
2022/04/26 Python