前端Nginx后端Jetty分离部署

最新推荐文章于 2025-07-05 16:58:13 发布

轻尘×

最新推荐文章于 2025-07-05 16:58:13 发布

阅读量2.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： nginx jetty 文章标签： nginx jetty

本文链接：https://blog.youkuaiyun.com/leisure_life/article/details/78134071

本文介绍了使用Nginx作为前端服务器，Jetty作为后端服务器进行部署的实践经验。内容涉及Vue.js前端开发，Nginx与Jetty的配置，以及处理跨域请求的过滤器设置。通过将前端页面部署到Nginx，后端Servlet部署到Jetty，实现了初步的分离部署。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

即将开始的一个项目技术要求是实现前后端分离，且前端部署在Nginx服务器上

而后端部署在jetty服务器上，架构采用vue+spring boot

关键是之前也没接触过分离部署，vue是啥也不清楚！！！

通过几天的摸索，了解了那么一点，记录下来，系列笔记如下：

与Nginx的第一次亲密接触

 Jetty官网下载

 与Jetty的第一次亲密接触

 Jetty第一次访问没有首页

 Jetty修改默认端口

有了前面的积累，可以开始尝试了

前端使用vue.js

你需要先下载好`vue.min.js`和`vue-resource.min.js`

first.html

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <!--引入vue库 -->
  <script src="../js/vue.min.js"></script>
  <!--支持ajax的库 -->
  <script src="../js/vue-resource.min.js"></script>
  <title>分离部署</title>
 </head>
 <body>

<div id="app"></