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 定义初始化数组函数
Sep 07 Javascript
jQuery 前的按键判断代码
Mar 19 Javascript
jquery获取table中的某行全部td的内容方法
Mar 08 Javascript
JQuery 图片的展开和伸缩实例讲解
Apr 18 Javascript
javascript模拟枚举的简单实例
Mar 06 Javascript
Vue.js创建Calendar日历效果
Nov 03 Javascript
JavaScript实现图像模糊化的方法实例
Jan 15 Javascript
基于BootStrap multiselect.js实现的下拉框联动效果
Jul 28 Javascript
Vue CLI 2.x搭建vue(目录最全分析)
Feb 27 Javascript
Angular 多级路由实现登录页面跳转(小白教程)
Nov 19 Javascript
vue Treeselect 树形下拉框:获取选中节点的ids和lables操作
Aug 15 Javascript
Vue.js中v-bind指令的用法介绍
Mar 13 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程序--记数器
2006/10/09 PHP
PHP实现的下载远程图片自定义函数分享
2015/01/28 PHP
PHP文件上传处理案例分析
2016/10/15 PHP
php实现简单加入购物车功能
2017/03/07 PHP
PHP如何搭建百度Ueditor富文本编辑器
2018/09/21 PHP
Laravel5.1框架路由分组用法实例分析
2020/01/04 PHP
关于Aptana Studio生成自动备份文件的解决办法
2009/12/23 Javascript
JavaScript DOM学习第四章 getElementByTagNames
2010/02/19 Javascript
JavaScript prototype属性使用说明
2010/05/13 Javascript
Whatever:hover 无需javascript让IE支持丰富伪类
2010/06/29 Javascript
引用外部js乱码问题分析及解决方案
2013/04/12 Javascript
jQuery动画效果-slideUp slideDown上下滑动示例代码
2013/08/28 Javascript
通过js获取div的background-image属性
2013/10/15 Javascript
javascript 实现字符串反转的三种方法
2013/11/23 Javascript
jQuery鼠标经过方形图片切换成圆边效果代码分享
2015/08/20 Javascript
jquery实现图片放大镜功能
2015/11/23 Javascript
BootStrap 动态添加验证项和取消验证项的实现方法
2016/09/28 Javascript
js本地图片预览实现代码
2016/10/09 Javascript
AngularJS Toaster使用详解
2017/02/24 Javascript
解决vue单页面修改样式无法覆盖问题
2019/08/05 Javascript
使用vue实现多规格选择实例(SKU)
2019/08/23 Javascript
vue中nextTick用法实例
2019/09/11 Javascript
在vue和element-ui的table中实现分页复选功能
2019/12/04 Javascript
jQuery实现异步上传一个或多个文件
2020/08/17 jQuery
使用Python的Tornado框架实现一个一对一聊天的程序
2015/04/25 Python
python发送邮件功能实现代码
2016/07/15 Python
python实现的AES双向对称加密解密与用法分析
2017/05/02 Python
Flask-WTF表单的使用方法
2019/07/12 Python
python 哈希表实现简单python字典代码实例
2019/09/27 Python
基于python实现查询ip地址来源
2020/06/02 Python
python 图像判断,清晰度(明暗),彩色与黑白实例
2020/06/04 Python
StubHub哥伦比亚:购买和出售您的门票
2016/10/20 全球购物
韩国爱茉莉太平洋化妆品美国站:Amore Pacific US
2016/10/28 全球购物
公司承诺书格式
2014/05/21 职场文书
客服专员岗位职责
2015/02/10 职场文书
诉讼和解协议书
2016/03/23 职场文书