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 is()函数用法3例
May 06 Javascript
javascript计时器详解
Feb 28 Javascript
EasyUI实现二级页面的内容勾选的方法
Mar 01 Javascript
jQuery实现定时读取分析xml文件的方法
Jul 16 Javascript
javascript使用 concat 方法对数组进行合并的方法
Sep 08 Javascript
原生和jQuery的ajax用法详解
Jan 23 Javascript
angularJS模态框$modal实例代码
May 27 Javascript
快速掌握jquery分页插件jqPaginator的使用方法
Aug 09 jQuery
实现单层json按照key字母顺序排序的示例
Dec 06 Javascript
vue项目中引入Sass实例方法
Aug 27 Javascript
纯JS开发baguetteBox.js响应式画廊插件
Jun 28 Javascript
ajax jquery实现页面某一个div的刷新效果
Mar 04 jQuery
解决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生成excel文件的简单方法
2014/02/08 PHP
php提示Failed to write session data错误的解决方法
2014/12/17 PHP
PHP闭包函数详解
2016/02/13 PHP
用JAVASCRIPT如何给<textarea></textarea>赋值
2007/04/20 Javascript
JS 常用校验函数
2009/03/26 Javascript
jQuery.prototype.init选择器构造函数源码思路分析
2013/02/05 Javascript
jQuery操作cookie方法实例教程
2014/11/25 Javascript
Js中使用hasOwnProperty方法检索ajax响应对象的例子
2014/12/08 Javascript
JavaScript给input的value赋值引发的关于基本类型值和引用类型值问题
2015/12/07 Javascript
JavaScript数组的一些奇葩行为
2016/01/25 Javascript
jquery输入数字随机抽奖特效的简单实现代码
2016/06/10 Javascript
详解JavaScript 中getElementsByName在IE中的注意事项
2017/02/21 Javascript
Three.js利用顶点绘制立方体的方法详解
2017/09/27 Javascript
d3绘制基本的柱形图的实现代码
2018/12/12 Javascript
Element-ui DatePicker显示周数的方法示例
2019/07/19 Javascript
17道题让你彻底理解JS中的类型转换
2019/08/08 Javascript
微信小程序class封装http代码实例
2019/08/24 Javascript
vue-cli基础配置及webpack配置修改的完整步骤
2019/10/20 Javascript
使用vue-cli4.0快速搭建一个项目的方法步骤
2019/12/04 Javascript
Vue实现星级评价效果实例详解
2019/12/30 Javascript
[01:20:37]FNATIC vs NIP 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/19 DOTA
[48:48]完美世界DOTA2联赛PWL S3 Magama vs GXR 第一场 12.19
2020/12/24 DOTA
RC4文件加密的python实现方法
2015/06/30 Python
解决pip install的时候报错timed out的问题
2018/06/12 Python
如何使用Python实现斐波那契数列
2019/07/02 Python
python pickle存储、读取大数据量列表、字典数据的方法
2019/07/07 Python
Python中print函数简单使用总结
2019/08/05 Python
python selenium xpath定位操作
2020/09/01 Python
PHP如何设置和取得Cookie值
2015/06/30 面试题
高级Java程序员面试要点
2013/08/02 面试题
一套Delphi的笔试题二
2013/05/11 面试题
大堂副理的岗位职责范文
2014/02/17 职场文书
2014年党员公开承诺践诺书
2014/03/25 职场文书
电气自动化求职信
2014/06/24 职场文书
运动会开幕式通讯稿
2015/07/18 职场文书
浅谈Redis位图(Bitmap)及Redis二进制中的问题
2021/07/15 Redis