30 课程总结与项目部署_第1页
30 课程总结与项目部署_第2页
30 课程总结与项目部署_第3页
30 课程总结与项目部署_第4页
30 课程总结与项目部署_第5页
已阅读5页，还剩11页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

罗荣良项目部署与课程总结本节学习目标1.回顾全栈开发的核心流程2.前端打包：生成dist静态资源目录3.后端打包：生成可执行的.jar文件4.Nginx部署：配置静态服务器与反向代理5.解决部署中的常见坑(404,跨域)全栈回顾：我们要部署什么？架构图重现：前端(Vue3)+后端(SpringBoot)+数据库(MySQL)我们要把这三样东西搬到服务器上去。环境差异：开发vs生产开发环境(Dev)：npmrundev(Node服务器),localhost:8080(Tomcat)生产环境(Prod)：Nginx(Web服务器)+JDK(运行Jar包)没有Node.js环境，也没有IDE。命令：npmrunbuild结果：生成dist文件夹。包含：index.html(入口),assets/(压缩后的JS/CSS)。本质：Vue代码变成了浏览器能直接看懂的静态文件。第一步：前端打包(Build)前端配置修正(vite.config.js)注意：如果项目不是部署在根目录，需要设置base。通常保持默认即可。关键：打包前确认axios的baseURL指向生产环境接口(或使用Nginx代理)。第二步：后端打包(Maven)命令：mvncleanpackage工具：MavenLifecycle->package结果：target/student-system-1.0.0.jar特点：FatJar(内嵌了Tomcat，无需额外安装)。

第三步：部署架构设计把前端dist和后端.jar组合起来，需要引入Nginx：接待用户：监听80端口。分发请求：访问页面（如/），就从dist文件夹里拿HTML给用户。数据接口（如/api/login），就帮忙转接到后台的8080端口。安装与配置NginxWindows/Linux通用逻辑。配置文件：conf/nginx.conf核心模块：server{listen80;...}Nginx配置1：静态资源(前端)配置前端静态文件：配置后端接口转发：作用：前端请求/api/login->Nginx->后端/login。Nginx配置2：反向代理(后端)第四步：启动后端服务命令行启动：java-jarstudent-system.jar高级(后台运行)：nohupjava-jarxxx.jar>log.txt&(Linux)常见问题：刷新404现象：点击按钮跳转正常，但直接刷新页面报404。原因：VueRouter是单页应用，Nginx找不到对应的物理文件。解决：try_files$uri$uri//index.html;(把所有找不到的请求都打回首页)。开发环境用proxy解决跨域。生产环境用Nginxproxy_pass解决跨域。结论：浏览器访问的是Nginx(同源)，Nginx转发给Java(服务器间无跨域限制)。跨域问题在生产环境进阶路线图(NextSteps)

1.Redis:缓存、Session共享

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论