解决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 相关文章推荐
JAVASCRIPT  THIS详解 面向对象
Mar 25 Javascript
关于jQuery参考实例2.0 用jQuery选择元素
Apr 07 Javascript
JQuery中dataGrid设置行的高度示例代码
Jan 03 Javascript
JavaScript常用基础知识强化学习
Dec 09 Javascript
BootStrap+Angularjs+NgDialog实现模式对话框
Aug 24 Javascript
js时间查询插件使用详解
Apr 07 Javascript
Angular.js中上传指令ng-upload的基本使用教程
Jul 30 Javascript
JavaScript实现QQ列表展开收缩扩展功能
Oct 30 Javascript
Node.js的Koa实现JWT用户认证方法
May 05 Javascript
vue 设置路由的登录权限的方法
Jul 03 Javascript
js计算两个日期间的天数月的实例代码
Sep 20 Javascript
如何用vue-cli3脚手架搭建一个基于ts的基础脚手架的方法
Dec 12 Javascript
微信小程序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
PHP4在WinXP下IIS和Apache2服务器上的安装实例
2006/10/09 PHP
php中hashtable实现示例分享
2014/02/13 PHP
UPUPW 更新 64 位 Apache 系列 PHP 7.0 正式版
2015/12/08 PHP
PHP程序中使用adodb连接不同数据库的代码实例
2015/12/19 PHP
Laravel数据库读写分离配置的方法
2019/10/13 PHP
PHP pthreads v3使用中的一些坑和注意点分析
2020/02/21 PHP
一段实现页面上的图片延时加载的js代码
2010/02/11 Javascript
js前台判断开始时间是否小于结束时间
2012/02/23 Javascript
js实现鼠标拖动图片并兼容IE/FF火狐/谷歌等主流浏览器
2013/06/06 Javascript
js实现同一页面多个运动效果的方法
2015/04/10 Javascript
jQuery实现选中弹出窗口选择框内容后赋值给文本框的方法
2015/11/23 Javascript
第十篇BootStrap轮播插件使用详解
2016/06/21 Javascript
jquery插件uploadify多图上传功能实现代码
2016/08/12 Javascript
javascript实现文字无缝滚动
2016/12/27 Javascript
Nodejs连接mysql并实现增、删、改、查操作的方法详解
2018/01/04 NodeJs
vue内置指令详解
2018/04/03 Javascript
JavaScript设计模式之模板方法模式原理与用法示例
2018/08/07 Javascript
小程序实现上下移动切换位置
2019/09/23 Javascript
微信小程序在text文本实现多种字体样式
2019/11/08 Javascript
[40:05]DOTA2上海特级锦标赛A组小组赛#1 EHOME VS MVP.Phx第一局
2016/02/25 DOTA
Django模板变量如何传递给外部js调用的方法小结
2017/07/24 Python
PyQt5显示GIF图片的方法
2019/06/17 Python
Django stark组件使用及原理详解
2019/08/22 Python
Python中函数的返回值示例浅析
2019/08/28 Python
python中dict()的高级用法实现
2019/11/13 Python
Python yield的用法实例分析
2020/03/06 Python
python pandas利用fillna方法实现部分自动填充功能
2020/03/16 Python
Python ADF 单位根检验 如何查看结果的实现
2020/06/03 Python
浅谈keras使用中val_acc和acc值不同步的思考
2020/06/18 Python
css3学习心得分享
2013/08/19 HTML / CSS
Feelunique德国官方网站:欧洲最大的在线美容零售商
2019/07/20 全球购物
opencv实现图像平移效果
2021/03/24 Python
英文请假条
2014/04/11 职场文书
工作经验交流材料
2014/12/30 职场文书
2015国庆节感想
2015/08/04 职场文书
创业计划书介绍
2019/04/24 职场文书