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 chili图片远处放大插件
Nov 30 Javascript
精心挑选的15款优秀jQuery 本特效插件和教程
Aug 06 Javascript
Javascript 按位与赋值运算符 (&=)使用介绍
Feb 04 Javascript
jquery操作HTML5 的data-*的用法实例分享
Aug 17 Javascript
js判断登陆用户名及密码是否为空的简单实例
May 16 Javascript
Js操作DOM元素及获取浏览器高宽的简单方法
Sep 08 Javascript
Express之get,pos请求参数的获取
May 02 Javascript
ReactNative中使用Redux架构总结
Dec 15 Javascript
jQuery基于Ajax实现读取XML数据功能示例
May 31 jQuery
jQuery实现获取当前鼠标位置并输出功能示例
Jan 05 jQuery
使用vue-cli3新建一个项目并写好基本配置(推荐)
Apr 24 Javascript
ES6 Promise对象的应用实例分析
Jun 27 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
浅析Dos下运行php.exe,出现没有找到php_mbstring.dll 错误的解决方法
2013/06/29 PHP
PHP判断上传文件类型的解决办法
2015/10/20 PHP
php字符串操作常见问题小结
2016/10/11 PHP
php通过PHPExcel导入Excel表格到MySQL数据库的简单实例
2016/10/29 PHP
ANT 压缩(去掉空格/注释)JS文件可提高js运行速度
2013/04/15 Javascript
HTML5之lang属性与dir属性的详解
2013/06/19 Javascript
Javascript中的String对象详谈
2014/03/03 Javascript
AngularJS入门教程之过滤器详解
2016/08/19 Javascript
AngularJS中如何使用echart插件示例详解
2016/10/26 Javascript
利用JQuery直接调用asp.net后台的简单方法
2016/10/27 Javascript
angular4模块中给标签添加背景图的实现方法
2017/09/15 Javascript
JS中原始值和引用值的储存方式示例详解
2018/03/23 Javascript
layui table去掉右侧滑动条的实现方法
2019/09/05 Javascript
JS实现动态星空背景效果
2019/11/01 Javascript
vue实现移动端触屏拖拽功能
2020/08/21 Javascript
Python开发编码规范
2006/09/08 Python
python开发的小球完全弹性碰撞游戏代码
2013/10/15 Python
python使用装饰器和线程限制函数执行时间的方法
2015/04/18 Python
举例讲解Python中的身份运算符的使用方法
2015/10/13 Python
Python中线程的MQ消息队列实现以及消息队列的优点解析
2016/06/29 Python
Python运维开发之psutil库的使用详解
2018/10/18 Python
Python自定义函数计算给定日期是该年第几天的方法示例
2019/05/30 Python
解决django后台样式丢失,css资源加载失败的问题
2019/06/11 Python
解决Python3 抓取微信账单信息问题
2019/07/19 Python
Python协程 yield与协程greenlet简单用法示例
2019/11/22 Python
python eventlet绿化和patch原理
2020/11/21 Python
css3加js做一个简单的3D行星运转效果实例代码
2017/01/18 HTML / CSS
GafasWorld哥伦比亚:网上购买眼镜
2017/11/28 全球购物
后勤服务中心总经理工作职责
2014/03/03 职场文书
公司任命书范本
2014/06/04 职场文书
2014医学院领导班子对照检查材料思想汇报
2014/09/19 职场文书
处级领导班子全部召开专题民主生活会情况汇报
2014/09/27 职场文书
python批量更改目录名/文件名的方法
2021/04/18 Python
JS创建或填充任意长度数组的小技巧汇总
2021/10/24 Javascript
vue实现移动端div拖动效果
2022/03/03 Vue.js
Win10加载疑难解答时出错发生意外错误的解决方法
2022/07/07 数码科技