vue+webpack 打包文件 404 页面空白的解决方法


Posted in Javascript onFebruary 28, 2018

最近用vue-cli+vue-router+webpack建立项目,其中的遇到的三个问题,整理如下:

vue-cli+ webpack 建立的项目,cnpm run build 打包项目之后,需要放在http服务器上才可以运行,

例如 :nginx

vue单页面的启动页面是index.html,路由的路径实际是不存在的,所以会出现刷新页面404的问题,需要设置所有找不到的路径直接映射到index.html

1 刷新页面404

vue+webpack 打包文件 404 页面空白的解决方法

配置启动文件的index页面的路径root: D:/workPlace/mex-adx-web/mex-adx-web/dist

2 二级页面刷新报错:

打包的项目静态资源的路径需要设置为绝对路径。如果是相对路径会出错

config-index.js

vue+webpack 打包文件 404 页面空白的解决方法

3 :项目运行没有问题,但是打包之后运行文件报错

Unexpected token:`。。。

需要单独配置babel,将配置放到文件.babelrc中:

vue+webpack 打包文件 404 页面空白的解决方法

以上这篇vue+webpack 打包文件 404 页面空白的解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
XML+XSL 与 HTML 两种方案的结合
Apr 22 Javascript
javascript获得CheckBoxList选中的数量
Oct 27 Javascript
分享XmlHttpRequest调用Webservice的一点心得
Jul 20 Javascript
指定区域的图片自动按比例缩小的js代码(防止页面被图片撑破)
Feb 21 Javascript
js钢琴按钮波浪式图片排列效果代码分享
Aug 26 Javascript
jquery实现浮动在网页右下角的彩票开奖公告窗口代码
Sep 04 Javascript
JavaScrip调试技巧之断点调试
Oct 22 Javascript
Vue.js列表渲染绑定jQuery插件的正确姿势
Jun 29 jQuery
微信小程序 点击切换样式scroll-view实现代码实例
Oct 11 Javascript
vue遍历对象中的数组取值示例
Nov 07 Javascript
JavaScript中的相等操作符使用详解
Dec 21 Javascript
vue实现整屏滚动切换
Jun 29 Javascript
webpack项目调试以及独立打包配置文件的方法
Feb 28 #Javascript
vue-cli+webpack项目 修改项目名称的方法
Feb 28 #Javascript
vue 组件 全局注册和局部注册的实现
Feb 28 #Javascript
vue 自定义全局方法,在组件里面的使用介绍
Feb 28 #Javascript
Vue2.0子同级组件之间数据交互方法
Feb 28 #Javascript
bootstrap table支持高度百分比的实例代码
Feb 28 #Javascript
vue 2.x 中axios 封装的get 和post方法
Feb 28 #Javascript
You might like
php+mysql实现无限级分类
2015/11/11 PHP
php封装的连接Mysql类及用法分析
2015/12/10 PHP
简单谈谈php浮点数精确运算
2016/03/10 PHP
js 判断 enter 事件
2009/02/12 Javascript
基于jquery的无缝循环新闻列表插件
2011/03/07 Javascript
Three.js源码阅读笔记(基础的核心Core对象)
2012/12/27 Javascript
js数字转换为float,取N位小数
2014/02/08 Javascript
jQuery中innerHeight()方法用法实例
2015/01/19 Javascript
用jquery快速解决IE输入框不能输入的问题
2016/10/04 Javascript
jQuery实现多张图片上传预览(不经过后端处理)
2017/04/29 jQuery
详解解决使用axios发送json后台接收不到的问题
2018/06/27 Javascript
Nodejs使用Mongodb存储与提供后端CRD服务详解
2018/09/04 NodeJs
this.$toast() 了解一下?
2019/04/18 Javascript
微信小程序实现手指拖动选项排序
2020/04/22 Javascript
JavaScript实现单点登录的示例
2020/09/23 Javascript
Ant Design的Table组件去除
2020/10/24 Javascript
[03:22]DOTA2超级联赛专访单车:找到属于自己的英雄
2013/06/08 DOTA
[02:28]DOTA2 2015国际邀请赛中国区预选赛首日现场百态
2015/05/26 DOTA
python实现一次创建多级目录的方法
2015/05/15 Python
深入解析Python中的线程同步方法
2016/06/14 Python
Python 使用os.remove删除文件夹时报错的解决方法
2017/01/13 Python
Windows系统下多版本pip的共存问题详解
2017/10/10 Python
Pycharm 设置默认头的图文教程
2019/01/17 Python
Python发送邮件的实例代码讲解
2019/10/16 Python
使用Django搭建一个基金模拟交易系统教程
2019/11/18 Python
Pytorch高阶OP操作where,gather原理
2020/04/30 Python
keras中的backend.clip用法
2020/05/22 Python
有750多个顶级品牌的瑞士时尚在线:ABOUT YOU
2017/01/04 全球购物
Web Service面试题:如何搭建Axis2的开发环境
2012/06/20 面试题
乡镇科协工作总结2015
2015/05/19 职场文书
2015年小学总务工作总结
2015/07/21 职场文书
党员干部学法用法心得体会
2016/01/21 职场文书
七年级英语教学反思
2016/02/15 职场文书
关于Oracle12C默认用户名system密码不正确的解决方案
2021/10/16 Oracle
通过Python把学姐照片做成拼图游戏
2022/02/15 Python
详解Spring Security中的HttpBasic登录验证模式
2022/03/17 Java/Android