最近乘放假时间用基于vued的UI框架iView + java的ssm 开发一个单页面电商后端管理系统,目前初见成效(才完成20%vue-cli构建的项目整合发布到tomcat接口服务器中,还需坚持),便想着先放到本地eclipse服务器,以下是部署经验,希望可以帮到大家,哪里写得有问题欢迎咋来指正vue-cli构建的项目整合发布到tomcat接口服务器中

1项目文件夹结构

找到相应位置修改生成css等文件的访问路径,就进入vue项目执行npm run dev,打包生成的文件默认放在dist目录

vue-cli构建的项目整合发布到tomcat接口服务器中


vue-cli构建的项目整合发布到tomcat接口服务器中


2把vue项目中的static文件夹复制黏贴到java web项目的dist目录下

因为默认不打包static下的文件,static通常放非vue框架的插件,我这里用到了jsp版本的ueditor框架

vue-cli构建的项目整合发布到tomcat接口服务器中


3把打包生成的dist文件夹复制黏贴到java web项目的WebContent或者webapp目录

然后启动eclipse的tomcat,访问dist/index.html即可,这里注意404问题,如果访问路径没错,可能是项目在web.xml文件中设置拦截所有请求

vue-cli构建的项目整合发布到tomcat接口服务器中

解决只需要开放相应的请求即可(参考

vue-cli构建的项目整合发布到tomcat接口服务器中

顺利的话,启动tomcat,访问http://localhost:8072/dist/index.html就能访问到项目


相关文章:

  • 2021-04-09
  • 2021-06-28
  • 2022-01-13
  • 2021-07-10
猜你喜欢
  • 2021-10-05
  • 2021-04-04
  • 2022-02-14
  • 2021-09-13
  • 2021-04-08
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案