转载:https://segmentfault.com/a/1190000015768287
废话不多讲,马上搞起。
这里第一句要说的是,目前这个方式我认为只支持#
这个方式的路由,如果改成了html5
的mode: 'history'
,应该是不支持的。
开始准备:
注意,我的springboot
用的视图模板是thymeleaf
,静态文件夹路径默认是resources/static/
,我们目的就是要把dist
这个打包好的文件夹,整个放进去这里。
1.修改vuejs的config/index.js
,在里面找到assetsPublicPath
,改为/dist/
,记住,是build:{}
这里的,不是上面dev:{}
的。
2.执行npm run build
,会出现一个dist
文件夹在vuejs项目目录里。
3.把这个dist
文件夹copy到springboot
的resources/static/
,记住,是整个dist
连文件夹一起copy过来。
OK,搞掂。就是这么简单。
访问localhost/dist/index.html/#/
就可以
按上文搞的还是不行,发现路由没有跳转出现空白页
https://www.cnblogs.com/ting0527/p/11654678.html
成功部署!
发现跳转不了 应该是history的模式路由需要修改才能改成hash
最后把项目扔到根目录localhost/ (不用index.html)
如果不想要根目录 我尝试了一下有404的问题,时间有限,以后有机会慢慢解决
网友评论