vue脚手架项目打包后路由视图不显示问题
2017-06-23 17:16
1006 查看
脚手架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.use(VueRouter)
const router = new VueRouter({
mode: 'history',
base: '/system/', //添加根目录
scrollBehavior: () => ({ y: 0 }),
routes
})
比如我是将打包后的dist和index.html放在tomcat上的system下,router 的根目录就是system。
方法很简单,但是找到问题并解决的过程。。。很虐很享受啊
相关文章推荐
- 解决vue脚手架项目打包后路由视图不显示的问题
- Vue 项目打包后favicon无法正常显示问题
- 解决Vue 项目打包后favicon无法正常显示的问题
- vue-route+webpack单页路由项目,打包后访问正常刷新出现404问题
- Java项目打包成Jar文件后图片不显示的问题解决
- vue打包项目后刷新404的问题
- 利用HBuilder将vue项目打包成移动端app,运行页面空白问题解决
- windows 下用vue-cli脚手架工具创建vue项目及遇到的相关问题
- vue-cli webpack模板项目搭建及打包时路径问题的解决方法
- webpack打包vue2.0项目时必现问题。
- vue移动端项目中返回上一路由页面、根据当前路由信息控制返回键的显示与隐藏
- webpack打包vue项目后,一些文件图片路径找不到的问题解决办法
- Visual Studio 2008项目中WinForm窗口图标显示为类图标,仅仅能打开代码而无法打开视图问题解决
- vue-cli项目打包出现空白页和路径错误问题
- vue cli构建的项目中请求代理与项目打包问题
- vue打包后CSS中引用的背景图片不显示问题
- vue-route+webpack部署单页路由项目,访问刷新出现404问题
- vue-route+webpack部署单页路由项目,访问刷新出现404问题
- Visual Studio 2008项目中WinForm窗体图标显示为类图标,只能打开代码而无法打开视图问题解决
- vue打包项目后正确显示图片