解决vue脚手架项目打包后路由视图不显示的问题
2018-09-20 11:07
3611 查看
脚手架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脚手架项目打包后路由视图不显示的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章推荐
- vue脚手架项目打包后路由视图不显示问题
- 解决“vue-router子路由默认视图不显示”问题
- 解决Vue 项目打包后favicon无法正常显示的问题
- 解决Vue项目在IE浏览器中显示空白的问题
- Visual Studio 2008项目中WinForm窗口图标显示为类图标,仅仅能打开代码而无法打开视图问题解决
- 快速解决Vue项目在IE浏览器中显示空白的问题
- Vue 项目打包后favicon无法正常显示问题
- 解决vue-cli脚手架打包后vendor文件过大的问题
- vue-cli webpack模板项目搭建及打包时路径问题的解决方法
- webpack打包vue项目后,一些文件图片路径找不到的问题解决办法
- 解决vue-cli项目打包出现空白页和路径错误的问题
- 解决vue-router进行build无法正常显示路由页面的问题
- Visual Studio 2008项目中WinForm窗体图标显示为类图标,只能打开代码而无法打开视图问题解决
- Java项目打包成Jar文件后图片不显示的问题解决
- 解决vue打包项目后刷新404的问题
- 解决vue 项目引入字体图标报错、不显示等问题
- vue-cli项目webpack打包后iconfont文件路径问题解决
- Visual Studio 2008项目中WinForm窗体图标显示为类图标,只能打开代码而无法打开视图问题解决
- Java项目打包成Jar文件后图片不显示的问题解决
- 解决vue-cli项目webpack打包后iconfont文件路径的问题