美文网首页
Vue项目直接部署Springboot项目里

Vue项目直接部署Springboot项目里

作者: jenye_ | 来源:发表于2020-05-27 15:46 被阅读0次

    转载:https://segmentfault.com/a/1190000015768287
    废话不多讲,马上搞起。
    这里第一句要说的是,目前这个方式我认为只支持#这个方式的路由,如果改成了html5mode: 'history',应该是不支持的。

    开始准备:
    注意,我的springboot用的视图模板是thymeleaf,静态文件夹路径默认是resources/static/,我们目的就是要把dist这个打包好的文件夹,整个放进去这里。

    1.修改vuejs的config/index.js,在里面找到assetsPublicPath,改为/dist/,记住,是build:{}这里的,不是上面dev:{}的。

    2.执行npm run build,会出现一个dist文件夹在vuejs项目目录里。
    3.把这个dist文件夹copy到springbootresources/static/,记住,是整个dist连文件夹一起copy过来。


    OK,搞掂。就是这么简单。
    访问localhost/dist/index.html/#/就可以


    按上文搞的还是不行,发现路由没有跳转出现空白页

    https://www.cnblogs.com/ting0527/p/11654678.html


    成功部署!

    发现跳转不了 应该是history的模式路由需要修改才能改成hash
    最后把项目扔到根目录localhost/ (不用index.html)
    如果不想要根目录 我尝试了一下有404的问题,时间有限,以后有机会慢慢解决

    相关文章

      网友评论

          本文标题:Vue项目直接部署Springboot项目里

          本文链接:https://www.haomeiwen.com/subject/wnwwahtx.html