解决vue脚手架项目打包后路由视图不显示的问题
程序员文章站
2022-08-26 10:41:16
脚手架vue-cli 搭建的项目,build后放于服务器上,发现其他资源全部变成静态加载成功,但路由视图为空,最初以为是webpack打包的问题,找了好久发现是路由配置问题...
脚手架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-cli项目webpack打包后iconfont文件路径的问题
-
解决在vue项目中webpack打包后字体不生效的问题
-
解决Vue 项目打包后favicon无法正常显示的问题
-
解决vue-cli脚手架打包后vendor文件过大的问题
-
解决Vue 项目打包后favicon无法正常显示的问题
-
解决vue-cli项目webpack打包后iconfont文件路径的问题
-
解决在vue项目中webpack打包后字体不生效的问题
-
解决vue打包项目后刷新404的问题
-
解决vue脚手架项目打包后路由视图不显示的问题
-
解决vue 项目使用webpack打包后,直接打开dist文件夹下的index.html页面空白的问题