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 相关文章推荐
js 处理URL实用技巧
Nov 23 Javascript
javascript处理table表格的代码
Dec 06 Javascript
推荐40个简单的 jQuery 导航插件和教程(下篇)
Sep 14 Javascript
jQuery中:password选择器用法实例
Jan 03 Javascript
JS关闭窗口时产生的事件及用法示例
Aug 20 Javascript
vue.js 表格分页ajax 异步加载数据
Oct 18 Javascript
10分钟掌握XML、JSON及其解析
Dec 06 Javascript
微信小程序 picker-view 组件详解及简单实例
Jan 10 Javascript
在 Angular中 使用 Lodash 的方法
Feb 11 Javascript
JavaScript实现微信号随机切换代码
Mar 09 Javascript
策略模式实现 Vue 动态表单验证的方法
Sep 16 Javascript
《javascript设计模式》学习笔记四:Javascript面向对象程序设计链式调用实例分析
Apr 07 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
Smarty foreach控制循环次数的实现详解
2013/07/03 PHP
PHP 7的一些引人注目的新特性简单介绍
2015/11/08 PHP
PHPWind9.0手动屏蔽验证码解决后台关闭验证码但是依然显示的问题
2016/08/12 PHP
PHP单例模式与工厂模式详解
2017/08/29 PHP
简单的php购物车代码
2020/06/05 PHP
js确定对象类型方法
2012/03/30 Javascript
sencha touch 模仿tabpanel导航栏TabBar的实例代码
2013/10/24 Javascript
js调试系列 初识控制台
2014/06/18 Javascript
IE下通过a实现location.href 获取referer的值
2014/09/04 Javascript
JS代码实现百度地图 画圆 删除标注
2016/10/12 Javascript
Angular.js中ng-include用法及多标签页面的实现方式详解
2017/05/07 Javascript
JS实现的Object数组去重功能示例【数组成员为Object对象】
2019/02/01 Javascript
个人小程序接入支付解决方案
2019/05/23 Javascript
在react-antd中弹出层form内容传递给父组件的操作
2020/10/24 Javascript
vant-ui AddressEdit地址编辑和van-area的用法说明
2020/11/03 Javascript
Python3基础之函数用法
2014/08/13 Python
Python实现的监测服务器硬盘使用率脚本分享
2014/11/07 Python
python matplotlib 在指定的两个点之间连线方法
2018/05/25 Python
python tkinter实现屏保程序
2019/07/30 Python
Python 利用高德地图api实现经纬度与地址的批量转换
2019/08/14 Python
Cython编译python为so 代码加密示例
2019/12/23 Python
pycharm Tab键设置成4个空格的操作
2021/02/26 Python
世界上最大的巴士旅游观光公司:Big Bus Tours
2016/10/20 全球购物
中软国际Java程序员笔试题
2014/07/19 面试题
活动邀请函范文
2014/01/19 职场文书
七年级生物教学反思
2014/01/30 职场文书
民主评议党员自我评议范文2014
2014/09/26 职场文书
离婚起诉书范本
2015/05/18 职场文书
2016年春季趣味运动会开幕词
2016/03/04 职场文书
60条职场经典语录,总有一条能触动你的心
2019/08/21 职场文书
python自然语言处理之字典树知识总结
2021/04/25 Python
解决Swagger2返回map复杂结构不能解析的问题
2021/07/02 Java/Android
详解Oracle块修改跟踪功能
2021/11/07 Oracle
PostGIS的安装与入门使用指南
2022/01/18 PostgreSQL
关于CSS自定义属性与前端页面的主题切换问题
2022/03/21 HTML / CSS
Vue Element plus使用方法梳理
2022/12/24 Vue.js