解决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 实现父窗口引用弹出窗口的值的脚本
Aug 07 Javascript
javascript实现存储hmtl字符串示例
Apr 25 Javascript
Javascript闭包用法实例分析
Jan 23 Javascript
javascript实现根据3原色制作颜色选择器的方法
Jul 17 Javascript
纯JS实现可拖拽表单的简单实例
Sep 02 Javascript
jQuery webuploader分片上传大文件
Nov 07 Javascript
jquery实现图片列表鼠标移入微动
Dec 01 Javascript
Bootstrap笔记之缩略图、警告框实例详解
Mar 09 Javascript
js中apply与call简单用法详解
Nov 06 Javascript
layui监听单元格编辑前后交互的例子
Sep 16 Javascript
vue项目前端微信JSAPI与外部H5支付相关实现过程及常见问题
Apr 14 Javascript
vue实现前端分页完整代码
Jun 17 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
php文章内容分页并生成相应的htm静态页面代码
2010/06/07 PHP
PHP中文分词 自动获取关键词介绍
2012/11/13 PHP
thinkPHP实现多字段模糊匹配查询的方法
2016/12/01 PHP
javascript 定义初始化数组函数
2009/09/07 Javascript
让mayfish支持mysqli数据库驱动的实现方法
2010/05/22 Javascript
js对象的构造和继承实现代码
2010/12/05 Javascript
js获取某元素的class里面的css属性值代码
2014/01/16 Javascript
Javascript实现Web颜色值转换
2015/02/05 Javascript
浅谈js中的in-for循环
2016/06/28 Javascript
图解prototype、proto和constructor的三角关系
2016/07/31 Javascript
jquery 手势密码插件
2017/03/17 Javascript
jQuery Form插件使用详解_动力节点Java学院整理
2017/07/17 jQuery
Nodejs+angularjs结合multiparty实现多图片上传的示例代码
2017/09/29 NodeJs
JS处理数据四舍五入(tofixed与round的区别详解)
2017/10/26 Javascript
Vue中使用ElementUI使用第三方图标库iconfont的示例
2018/10/11 Javascript
Vue.js如何使用Socket.IO的示例代码
2019/09/05 Javascript
Javascript confirm多种使用方法解析
2020/09/25 Javascript
Python中使用异常处理来判断运行的操作系统平台方法
2015/01/22 Python
python Django批量导入数据
2016/03/25 Python
在pandas中一次性删除dataframe的多个列方法
2018/04/10 Python
Python实现统计给定列表中指定数字出现次数的方法
2018/04/11 Python
Python实现多级目录压缩与解压文件的方法
2018/09/01 Python
python 2.7 检测一个网页是否能正常访问的方法
2018/12/26 Python
Python零基础入门学习之输入与输出
2019/04/03 Python
Python 从subprocess运行的子进程中实时获取输出的例子
2019/08/14 Python
Python自动化测试中yaml文件读取操作
2020/08/20 Python
俄罗斯美容和健康网上商店:Созвездие Красоты
2019/07/23 全球购物
HOTEL INFO英国:搜索全球酒店
2019/08/08 全球购物
NULL是什么,它是怎么定义的
2015/05/09 面试题
工程安全员岗位职责
2014/03/09 职场文书
少儿节目主持串词
2014/04/02 职场文书
清明节网上祭英烈活动总结
2014/04/30 职场文书
开展党的群众路线教育实践活动剖析材料
2014/10/13 职场文书
文明礼仪倡议书
2015/04/28 职场文书
党支部考察意见范文
2015/06/02 职场文书
Python 类,对象,数据分类,函数参数传递详解
2021/09/25 Python