解决vue脚手架项目打包后路由视图不显示的问题


Posted in Javascript onSeptember 20, 2018

脚手架vue-cli 搭建的项目,build后放于服务器上,发现其他资源全部变成静态加载成功,但路由视图为空,最初以为是webpack打包的问题,找了好久发现是路由配置问题。

解决办法如下:

Vue.use(VueRouter)
const router = new VueRouter({
 mode: 'history', 
 base: '/system/',    //添加根目录
 scrollBehavior: () => ({ y: 0 }),
 routes
})

比如我是将打包后的dist和index.html放在tomcat上的system下,router 的根目录就是system。

方法很简单,但是找到问题并解决的过程。。。很虐很享受啊

以上这篇解决vue脚手架项目打包后路由视图不显示的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
js checkbox(复选框) 使用集锦
Apr 28 Javascript
javascript showModalDialog模态对话框使用说明
Dec 31 Javascript
Javascript快速排序算法详解
Dec 03 Javascript
javascript生成随机数方法汇总
Nov 12 Javascript
Javascript基于对象三大特性(封装性、继承性、多态性)
Jan 04 Javascript
javascript检测flash插件是否被禁用的方法
Jan 14 Javascript
javascript回到顶部特效
Jul 30 Javascript
bootstrap时间插件daterangepicker使用详解
Oct 19 Javascript
Element输入框带历史查询记录的实现示例
Jan 15 Javascript
JS实现数组去重及数组内对象去重功能示例
Feb 02 Javascript
Vue Echarts实现可视化世界地图代码实例
May 07 Javascript
vue实现倒计时功能
Mar 24 Vue.js
微信小程序onLaunch异步,首页onLoad先执行?
Sep 20 #Javascript
vue3.0 CLI - 3.2 路由的初级使用教程
Sep 20 #Javascript
微信小程序使用gitee进行版本管理
Sep 20 #Javascript
jQuery easyui datagird编辑行删除行功能的实现代码
Sep 20 #jQuery
解决Vue-cli npm run build生产环境打包,本地不能打开的问题
Sep 20 #Javascript
jQuery 点击获取验证码按钮及倒计时功能
Sep 20 #jQuery
Vuex 快速入门(简单易懂)
Sep 20 #Javascript
You might like
《PHP编程最快明白》第七讲:php图片验证码与缩略图
2010/11/01 PHP
PHP中的session永不过期的解决思路及实现方法分享
2011/04/20 PHP
PHP 遍历文件实现代码
2011/05/04 PHP
PHP常用的文件操作函数经典收藏
2013/04/02 PHP
ThinkPHP实现递归无级分类――代码少
2015/07/29 PHP
PHP判断手机是IOS还是Android
2015/12/09 PHP
Yii框架实现图片上传的方法详解
2017/05/20 PHP
PHP性能分析工具xhprof的安装使用与注意事项
2017/12/19 PHP
PHP面向对象程序设计之对象的遍历操作示例
2019/06/12 PHP
JQuery插件Style定制化方法的分析与比较
2012/05/03 Javascript
jQuery动态添加 input type=file的实现代码
2012/06/14 Javascript
js+JQuery返回顶部功能如何实现
2012/12/03 Javascript
js将long日期格式转换为标准日期格式实现思路
2013/04/07 Javascript
JS 如何获取radio选中后的值及不选择取radio的值
2013/10/28 Javascript
jquery Tab效果和动态加载的简单实例
2013/12/11 Javascript
jquery实现拖拽调整Div大小
2015/01/30 Javascript
javascript生成不重复的随机数
2015/07/17 Javascript
jQuery幻灯片带缩略图轮播效果代码分享
2015/08/17 Javascript
聊一聊Vue.js过渡效果
2016/09/07 Javascript
JS正则RegExp.test()使用注意事项(不具有重复性)
2016/12/28 Javascript
Vue2.0组件间数据传递示例
2017/03/07 Javascript
jquery仿微信聊天界面
2017/05/06 jQuery
ES6 javascript中Class类继承用法实例详解
2017/10/30 Javascript
vue.js 图片上传并预览及图片更换功能的实现代码
2018/08/27 Javascript
微信小程序实现bindtap等事件传参
2019/04/08 Javascript
Python探索之pLSA实现代码
2017/10/25 Python
python之mock模块基本使用方法详解
2019/06/27 Python
用django设置session过期时间的方法解析
2019/08/05 Python
python3中pip3安装出错,找不到SSL的解决方式
2019/12/12 Python
巴西食品补充剂在线零售商:Músculos na Web
2017/08/07 全球购物
公司门卫管理制度
2014/02/01 职场文书
工地安全质量标语
2014/06/07 职场文书
八项规定对照检查材料
2014/08/31 职场文书
劳动仲裁撤诉申请书
2015/05/18 职场文书
办公室主任岗位竞聘书
2015/09/15 职场文书
大学生创业计划书常用模板
2019/08/07 职场文书