解决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 相关文章推荐
jquery 元素相对定位代码
Oct 15 Javascript
JS操作Cookie写入和读取实例代码
Oct 20 Javascript
javascript常见操作汇总
Sep 03 Javascript
javascript批量修改文件编码格式的方法
Jan 27 Javascript
JavaScript中的Math.LOG2E属性使用详解
Jun 14 Javascript
javascript 中的 delete及delete运算符
Nov 15 Javascript
整理Javascript事件响应学习笔记
Dec 02 Javascript
js 点击a标签 获取a的自定义属性方法
Nov 21 Javascript
基于JavaScript实现报警器提示音效果
Oct 27 Javascript
使用react实现手机号的数据同步显示功能的示例代码
Apr 03 Javascript
vue项目使用$router.go(-1)返回时刷新原来的界面操作
Jul 26 Javascript
uniapp开发小程序实现滑动页面控制元素的显示和隐藏效果
Dec 10 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
把从SQL中取出的数据转化成XMl格式
2006/10/09 PHP
php遍历目录viewDir函数
2009/12/15 PHP
php防止sql注入之过滤分页参数实例
2014/11/03 PHP
PHP框架Laravel学习心得体会
2015/10/28 PHP
php源码 fsockopen获取网页内容实例详解
2016/09/24 PHP
php连接MSsql server的五种方法总结
2018/03/04 PHP
PHP超全局变量实现原理及代码解析
2020/09/01 PHP
使用onbeforeunload属性后的副作用
2007/03/08 Javascript
jquery 弹出层注册页面等(asp.net后台)
2010/06/17 Javascript
JavaScript 设计模式 安全沙箱模式
2010/09/24 Javascript
基于jquery的复制网页内容到WORD的实现代码
2011/02/16 Javascript
浅析JavaScript中的CSS属性及命名规范
2013/11/28 Javascript
js的匿名函数使用介绍
2013/12/11 Javascript
JavaScript中的object转换函数toString()与valueOf()介绍
2014/12/31 Javascript
jQuery中layer分页器的使用
2017/03/13 Javascript
浅谈JavaScript的innerWidth与innerHeight
2017/10/12 Javascript
vue axios 二次封装的示例代码
2017/12/08 Javascript
angularJs在多个控制器中共享服务数据的方法
2018/09/30 Javascript
js中innerText/textContent和innerHTML与target和currentTarget的区别
2019/01/21 Javascript
js中关于Blob对象的介绍与使用
2019/11/29 Javascript
ES2020 新特性(种草)
2020/01/12 Javascript
python基础教程之popen函数操作其它程序的输入和输出示例
2014/02/10 Python
开始着手第一个Django项目
2015/07/15 Python
python微信跳一跳系列之棋子定位颜色识别
2018/02/26 Python
Python自动化之数据驱动让你的脚本简洁10倍【推荐】
2019/06/04 Python
Python+opencv 实现图片文字的分割的方法示例
2019/07/04 Python
Python 绘制酷炫的三维图步骤详解
2019/07/12 Python
美国礼品卡商城: Gift Card Mall
2017/08/25 全球购物
DELPHI面试题研发笔试试卷
2015/11/08 面试题
网络工程与软件技术毕业生自荐信
2013/09/24 职场文书
《一个中国孩子的呼声》教学反思
2014/02/12 职场文书
体育活动总结
2015/02/04 职场文书
房地产置业顾问工作总结
2015/10/23 职场文书
2016暑期师德培训心得体会
2016/01/09 职场文书
用人单位的规章制度,怎样制定才是有效的?
2019/07/09 职场文书
python编程学习使用管道Pipe编写优化代码
2021/11/20 Python