springboot vue 前后端分离项目部署到tomcat 左手的ㄟ右手 2022-02-01 05:53 854阅读 0赞 1.在tomcat下新建一个base文件夹,用于存放vue build的文件 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzM0MzM4MTYy_size_16_color_FFFFFF_t_70][] 2.在项目运行“npm build,生成dist文件夹,dist文件夹中包含static和index.html ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzM0MzM4MTYy_size_16_color_FFFFFF_t_70 1][] 3.将上面的文件复制到tomcat下新建的base内 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzM0MzM4MTYy_size_16_color_FFFFFF_t_70 2][] 4.启动tomcat ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzM0MzM4MTYy_size_16_color_FFFFFF_t_70 3][] 5.本地port为8080, 输入[http://localhost:8080/base/][http_localhost_8080_base] ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzM0MzM4MTYy_size_16_color_FFFFFF_t_70 4][] 6.启动成功。(和部署war包项目差不多) [watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzM0MzM4MTYy_size_16_color_FFFFFF_t_70]: /images/20220201/0fc2f977005c42eea13e092406e9c381.png [watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzM0MzM4MTYy_size_16_color_FFFFFF_t_70 1]: /images/20220201/5527e71522714e28a8ea6a128a95257c.png [watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzM0MzM4MTYy_size_16_color_FFFFFF_t_70 2]: /images/20220201/fbc0ae2cef2848c0b3e92377db70f4ab.png [watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzM0MzM4MTYy_size_16_color_FFFFFF_t_70 3]: /images/20220201/410c4af9f8974532b990d2cb58b7d61f.png [http_localhost_8080_base]: http://localhost:8080/base/ [watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzM0MzM4MTYy_size_16_color_FFFFFF_t_70 4]: /images/20220201/11f7008545034c74b39742d484863eea.png
相关 Docker+nginx部署Springboot+vue前后端分离项目(Linux版) 1、安装docker \安装 yum install docker \检验安装是否成功 docker --version \启动 sys 末蓝、/ 2024年04月08日 09:13/ 0 赞/ 18 阅读
相关 java前后端分离项目部署 一、Window环境部署 前端部署 1、首先打包项目: > npm run build; 2、配置nginx > Vue项目的入口是index.html,ng 淡淡的烟草味﹌/ 2024年03月31日 13:50/ 0 赞/ 31 阅读
相关 vue前后端分离项目打包成app,部署成移动端 将vue项目打包成app,在手机上运行。 1. vue打包 > npm run build 先将vue的前端项目打包成dist文件夹 2. 安装hbuilderX ゝ一纸荒年。/ 2024年03月30日 10:07/ 0 赞/ 21 阅读
相关 前后端分离的项目部署 目录 1、pom.xml加thymeleaf的依赖 2、controller写个方法跳转到index.html 3、resource下新建static,放 小灰灰/ 2022年12月24日 09:53/ 0 赞/ 133 阅读
相关 Springboot+vue+nginx前后端分离项目本地部署 Springboot+vue+nginx前后端分离项目本地部署 下载nginx http://nginx.org/en/download.html ![在这里插入 你的名字/ 2022年09月11日 11:22/ 0 赞/ 271 阅读
相关 简单将SpringBoot+Vue前后端分离项目打包部署到服务器 后端SpringBoot项目 1、数据库 将数据库备份一份到服务器或虚拟机上,然后修改项目的数据库连接路径,使其可以正常访问 2、打包 使用maven命令打 本是古典 何须时尚/ 2022年08月30日 05:25/ 0 赞/ 234 阅读
相关 springboot-整合vue,nginx前后端分离部署 springboot-整合vue,nginx前后端分离部署 文章目录 springboot-整合vue,nginx前后端分离部署 1.nginx 绝地灬酷狼/ 2022年04月13日 06:25/ 0 赞/ 551 阅读
相关 springboot vue 前后端分离项目部署到tomcat 1.在tomcat下新建一个base文件夹,用于存放vue build的文件 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_t 左手的ㄟ右手/ 2022年02月01日 05:53/ 0 赞/ 855 阅读
相关 SpringBoot+MyBatis+VUE前后端分离 文章目录 需求分析 1、创建表 2、创建SpringBoot项目 2.1 选择项目类型 2.2 设置组名包名等(根据个人需求更 秒速五厘米/ 2021年09月25日 12:46/ 0 赞/ 498 阅读
相关 springboot+vue项目部署到服务器详细(前后端单独部署) 最近在写springboot+vue的项目,用了前后端分离,写完了之后就该部署了,我认为其中主要是来解决跨域的问题。那么来看看怎么配置的。 以下为window环境,下文会说明 女爷i/ 2021年09月25日 00:56/ 0 赞/ 466 阅读