前后端分离前端代码tomcat部署

最新推荐文章于 2024-05-11 05:13:34 发布
最新推荐文章于 2024-05-11 05:13:34 发布
阅读量1.7k 收藏 2
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39845279/article/details/108324267
版权

https://segmentfault.com/a/1190000017940311   nginx服务配置教程

 

正常情况下，前端代码只需要tomcat\webapps\ROOT\WEB-INF\classes\resources里面。然后访问路径localhost:80即可

若在路由访问地址后面添加一层路由，如localhost:80/mobile，则需要把前端代码放在在war包同级目录内，即tomcat\webapps即可

qq_39845279
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
tomcat+前端的简单配置
爱学习 爱生活
04-25 867
1.进入tomcat的apache-tomcat-9.0.44\conf目录找到server.xml，如下位置加入一行： <Context path="/" docBase="C:\webLoginMenu" reloadable="true"/> C:\webLoginMenu为个人自己的前端代码路径，不能照搬 2.再进入bin目录下，找到startup.bat，双击启动tomcat，如下图： 4.启动访问： http://localhost:8080/Tddindex.html .
前后端项目部署到Tomcat 服务器
weixin_42390534的博客
06-11 1万+
Tomcat 服务器 项目Stringboot +Vue (当然其他的也可以) 第一步 打包项目 IDEA build 一下就打包了 （打包的文件在target 文件下） 前端 Vue 打包 使用 npm 指令 npm run bulid 这是会在项目路径下生成一个Dist文件夹 第二部 部署Tomcat 把打包的服务端放到Tomcat 的webapps 文件下 然后启动Tomca...
使用Tomcat 运行前端源码
迷路人的博客
12-12 3597
1.我是第一次真正的做前后端分离的项目，以前是别人已经将前端发布上去，自己通过 nginx 来调用前端， 或者是在自己电脑上用两个编辑器来分别编写前后端。 如今是别人将前端源码发给我，让我先在本地去运行。 1.. 将 前端项目 放在 Tomcat 的 webapps目录下：(此时Tomcat不能启动启动) 2.启动 Tomcat ： 去Tomcat的bin目录启动 ...
2024年Web前端最全Tomcat安装及配置教程，前端系统工程师面试
最新发布
2401_84616191的博客
05-11 411
函数式编程其实是一种编程思想，它追求更细的粒度，将应用拆分成一组组极小的单元函数，组合调用操作数据流；它提倡着 纯函数 / 函数复合 / 数据不可变， 谨慎对待函数内的 状态共享 / 依赖外部 / 副作用；
将前端dist文件打包成war包在tomcat里面部署
weixin_42694286的博客
05-06 2899
首先npm run build打包出dist文件夹。
Vue前端项目部署在tomcat
My note
07-21 3535
修改路由配置src/router/index.js，增加配置base‘/Vue/’，如果这里不配置，会导致部署的项目首页访问一片空白，但不报错，且引入的文件有正常加载。执行npmrunbuild，将打包生成的dist目录下的所有东西粘贴到Tomcat/webapps/路径下新建一个Vue文件夹，Vue是自定义的项目名，访问路径格式>>ipport/Vue，例如http//localhost8080/Vue/，即可访问到Vue项目。前端项目中使用到了代码。...
若依前后端分离项目部署文档（完整版）
04-07
第一部分：部署linux + nginx 第二部分：部署Windows+tomcat 第三部分：调用第三方api的跨域问题处理。 以及常见的部署后页面显示404 的问题处理。...高效率开发，使用代码生成器可以一键生成前后端代码。）
JAVA著名免费框架若依前后端分离项目详细部署文档
08-21
第一部分：部署linux + nginx 第二部分：部署Windows+tomcat 第三部分：调用第三方api的跨域问题处理。 以及常见的部署后页面显示404 的问题处理。...高效率开发，使用代码生成器可以一键生成前后端代码。）
Tomcat+Nginx反向代理部署前后端分离项目解决跨域问题
02-24
最近自己做了一个前后端分离项目，前端采用HBuilderX开发，后端采用IDEA开发，在本地开发也跨域，部署到云服务器也跨域，下面介绍两种解决方案。出于浏览器的同源策略限制。同源策略（Sameoriginpolicy）是一种约定...
部署前后端分离式nginx配置的完整步骤
01-11
老生常谈了，这里谈谈我的理解的前后端分离，简单的分离无非是将原来mvc的view层剥离出来，独立一个成为Servlet服务，Servlet之间依靠http连通。这里的view Servlet容器可以是任意一种服务端服务，Tomcat、Apache、...
基于jfinal+vue+ElementUI的前后端分离CRM系统.zip
03-23
基于jfinal+vue+ElementUI的前后端分离CRM系统 主要技术栈 核心框架：jfinal3.8 缓存：redis caffeine 数据库连接池：Druid 工具类：hutool,fastjson,poi-ooxml 定时任务：jfinal-cron 项目构建工具：maven ...
计算机毕业设计JAVA前后端分离在线作业系统mybatis+源码+调试部署+系统+数据库+lw
05-31
项目架构：B/S架构 开发语言：Java语言 开发软件：idea eclipse 前端技术：Layui、HTML、CSS、JS、JQuery等技术 后端技术：JAVA 运行环境：Win10、JDK1.8 数 据 库：MySQL5.7/8.0 运行服务器：Tomcat7.0 CSDN太坑了...
计算机毕业设计JAVA前后端分离Erp系统mybatis+源码+调试部署+系统+数据库+lw.zip
06-03
项目架构：B/S架构 开发语言：Java语言 开发软件：idea eclipse 前端技术：Layui、HTML、CSS、JS、JQuery等技术 后端技术：JAVA 运行环境：Win10、JDK1.8 数 据 库：MySQL5.7/8.0 运行服务器：Tomcat7.0 CSDN太坑了...
蘑菇街前后端分离实践.pdf
09-14
《蘑菇街前后端分离实践》是一份深入探讨...总的来说，《蘑菇街前后端分离实践》提供了丰富的实战经验，涵盖了从框架选择、架构设计、开发工具到运维部署等多个层面，对于理解并实施前后端分离技术有极大的参考价值。
前后端分离1
08-04
总结起来，"前后端分离1"涵盖了使用Spring Boot构建后端服务，Vue.js和Element UI构建前端UI，以及通过Ajax进行异步通信，RESTful API进行数据交换等核心概念。这些技术的结合使得现代Web应用能够高效、灵活地开发和...
webuploader分片上传的实现代码（前后端分离）
10-18
SpringBoot简化了应用的部署和配置，内嵌Tomcat容器，可以通过运行主类启动服务。而SpringMVC作为控制器，负责处理来自前端的HTTP请求，如文件分片的上传和合并。为了支持跨域访问，需要在服务端开启CORS设置。 在...
如何把自己写的前端界面用tomcat部署到服务器中
m0_55056589的博客
03-07 2627
如何把自己写的前端界面用tomcat部署到服务器中
tomcat发布前端项目
weixin_45498197的博客
09-12 423
1.项目如果需要build,先build，生成目标文件，如不需要build，直接使用 2.放到Tomcat的webapps/ROOT路径下 3.启动tomcat 4.访问：localhost:port/页面路径
webstorm 将项目部署到Tomcat目录
热门推荐
wlphyl的专栏
03-30 1万+
Webstorm 将项目部署到Tomcat目录 最近在使用Webstorm开发项目中前端相关的内容，但是涉及到使用ajax技术，不能够跨域访问相关json文件和服务，需要将前端代码部署到tomcat服务器上。但是，如果通过手动拷贝的方式，太过于复杂，大大降低了开发的效率，但实在无法割舍Webstorm，只好查阅了一些资料，解决部署的问题。 具体的步骤如下： （1）
tomcat部署前后端分离项目
12-14
为了将前端和后端分离，我们需要将前端代码和后端代码分别打包，并将前端代码部署到Nginx服务器上，将后端代码部署到Tomcat服务器上。具体步骤如下： 1.前端代码打包 在前端代码目录下，使用以下命令打包： ```shell npm run ``` 打包完成后，会在dist目录下生成打包后的前端代码。 2.将前端代码部署到Nginx服务器上 将打包后的前端代码上传到Nginx服务器上，并在Nginx的配置文件中添加以下配置： ```nginx server { listen 80; server_name example.com; root /path/to/frontend/dist; index index.html; location / { try_files $uri $uri/ /index.html; } } ``` 其中，example.com为你的域名或IP地址，/path/to/frontend/dist为前端代码的路径。 3.后端代码打包 在后端代码目录下，使用以下命令打包： ```shell mvn clean package ``` 打包完成后，会在target目录下生成war包。 4.将后端代码部署到Tomcat服务器上 将war包上传到Tomcat服务器的webapps目录下，并启动Tomcat服务器。Tomcat会自动解压war包并部署应用程序。 5.修改配置文件 修改后端代码中的配置文件，包括数据库连接参数等。 6.启动应用程序 启动Tomcat服务器后，访问Nginx服务器上的前端页面，前端页面会通过API调用后端服务。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值