学习黑马程序员javaweb-路由配置，打包，部署前端

已于 2024-02-21 10:44:45 修改
阅读量232 收藏
点赞数 2
文章标签： java-ee java javascript
于 2024-02-21 10:22:31 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2301_79771201/article/details/136204059
版权
本文讨论了将前端应用部署到阿里云服务器的过程，包括使用npmrunbuild打包、解决80端口被占用的问题，以及如何配置路由以提供对外API接口的访问。
摘要由CSDN通过智能技术生成

json。stringfy

alt+shift+f整理代码

  • 路由配置
  • 打包部署-
    •  
      • 部署到服务器的优点是：提供接口其它用户也能访问了。但是如何把服务器部署到阿里这些上边，到底是怎么运作的
      • 利用npm run build打包前端
      • 会出现dist文件
      • 访问80端口失败-即80可能被占用
      • 查找端口号
      • 打包
2301_79771201
关注
黑马《2023最新JavaWeb开发教程》发布啦~
技术专家
03-21 1806
黑马《2023最新JavaWeb开发教程》发布啦~
HeiMaJavaWebVideo:黑马程序员-超全面的JavaWeb教程-原始笔记
03-24
黑马程序员-超全面的JavaWeb教程-原始笔记 HeiMaJavaWebVideo 黑马程序员-超全面的JavaWeb教程继承笔记 Day01 01. README.txt ===>课堂笔记02. Contents.txt ===>课堂目录03. Hello.html ===>演示字体标签和HTML的...
快速入门Web开发（上） 黑马程序员JavaWeb开发教程
擅长将自己的感受、想法、知识通俗地表达出来，会点前后端开发、自动化测试、性能测试、爬虫。将来可能学硬件、AI。但一定会写实用的脚本。
04-18 1160
黑马程序员JavaWeb开发教程
JavaWeb企业开发全流程-黑马程序员
Kim-Hyunyeon的博客
09-25 4635
黑马程序员2023新版JavaWeb企业开发全流程学习笔记（涵盖Spring+MyBatis+SpringMVC+SpringBoot等）
黑马程序员JavaWeb开发教程，实现javaweb企业开发全流程（涵盖Spring+MyBatis+SpringMVC+SpringBoot等）
qq_69325307的博客
03-30 3965
感谢黑马，感谢努力的自己，终将成为黑马。
2023黑马JavaWeb学习笔记及文档-4.Ajax+前端工程化+Element入门+路由+打包部署
weixin_61450401的博客
01-10 1122
前后台混合开发和前后台分离开发。前后台混合开发，顾名思义就是前台后台代码混在一起开发，如下图所示：这种开发模式有如下缺点：沟通成本高：后台人员发现前端有问题，需要找前端人员修改，前端修改成功，再交给后台人员使用分工不明确：后台开发人员需要开发后台代码，也需要开发部分前端代码。很难培养专业人才不便管理：所有的代码都在一个工程中不便维护和扩展：前端代码更新，和后台无关，但是需要整个工程包括后台一起重新打包部署。
黑马 javaweb学习
m0_73847536的博客
08-06 838
定义： 模块化组件化规范化自动化nodejs，vue-cli到相应目录下打开命令行，输入vue ui 按需求创建即可初始化项目结构了解(vue2,只添加了router)：在index启动：index中默认引入了main.js(入口文件)main.js导入组件并挂载到index的app上App组件负责控制子组件展示router负责控制页面的跳转及内嵌子组件的展示三要素：路由表注册放置对应的"a标签"router-link：在需要的位置放上组件以展示：对应目录下输入npm run build等待打包完成ng
黑马程序员---微服务笔记【实用篇】
Father_Of_Soft的博客
04-17 2676
SpringCloud微服务技术栈同步笔记。 SpringCloudAlibaba、RabbitMQ、Docker、Redis、Elasticsearch等众多行业大厂必备技术一网打尽。
黑马2023JAVAweb|Ajax,Axios2
leeyayai_xixihah的博客
12-06 832
（Vue渲染数据，最开始数据是固定不可变的(html文件中敲得)）--->DOM文档对象模型，其通过标签获取元素（文本，图片，视频），再更改数据，但这个过程还是在html文件中进行的--->Vue，可以在网页端操作数据--->Ajax从url服务端获取数据。拿到数据后，后面对数据进行处理就又回到DOM，CSS等基本操作）前后端通过接口文档各自实现功能接口文档示例。
【JavaWeb学习-第四章（3）】Vue组件库Element & Vue实际应用
weixin_44883789的博客
12-28 1103
文章目录1. Element介绍2. 快速入门3. Element组件3.1. Table表格3.1.1. 组件演示3.2. Pagination分页3.2.1. 组件演示3.2.2. 组件属性详解3.2.3. 组件事件详解3.3. Dialog对话框3.3.1. 组件演示3.3.2. 组件属性详解3.4. Form表单3.4.1. 组件演示4. 案例4.1. 案例需求4.3. 代码实现4.3.1. 环境搭建4.3.2. 整体布局4.3.3. 顶部标题4.3.4. 左侧导航栏4.3.5. 右侧核心内容4.
教材源码_javaweb_黑马程序员Javaweb源码_
09-30
学习者需要了解如何配置和管理这些容器，以部署和运行JavaWeb应用。 通过以上介绍，我们可以看到JavaWeb涵盖了广泛的技术和概念，而黑马程序员的Javaweb源码为学习者提供了宝贵的实践材料。结合理论学习和实战演练...
黑马程序员_超全面的JavaWeb教程-视频+源码笔记
08-29
### 黑马程序员_超全面的JavaWeb教程-视频+源码笔记 #### JavaWeb基础知识概览 在深入了解本教程之前，我们先来简要回顾一下JavaWeb的基础知识。JavaWeb是利用Java语言开发Web应用的技术集合。它主要包括Servlet、...
【传智播客黑马程序员】Javaweb课件.7z
07-16
这个课程资源来自知名的教育机构“传智播客”的黑马程序员项目，它为想要深入理解Web开发技术的学生提供了一套全面的教程。以下是对这个压缩包中可能包含的知识点的详细解释： 1. **Java基础**：首先，你需要对Java...
【JavaEE初阶】深入理解线程池的概念以及Java标准库提供的方法参数分析
GGBond778的博客
10-07 2287
本期主要讲解了关于线程池的基本概念认知，为啥引入线程池，并且线程池中拒绝策略是什么，以及我们如何实现线程池的模拟
ssm基于Javaee的影视创作论坛的设计与实现
weixin_44832324的博客
10-10 1566
刚开始学习Java语言的时候，是不知道还有Tomcat这些东西的，各种语法各种输出在控制台进行输出结果，当Java网站开发的时候就不可避免的学习到了Tomcat服务器。Tomcat准确的来讲不算是服务器，可以说是vue引擎或者一个容器，这些都是学术上或者原理上都比较贴切的，但是实际工作中Tomcat就是作为一个web服务器来用的，因为可以实现网站的发布和运行。
2025推荐选题|基于J2EE的高校教研管理平台系统的研发与实现
软件开发实战项目分享
10-09 1985
系统整体采用前后端分离的方式开发实现，后台服务基于SpringBoot框架，并集成Mybatis-Plus持久层框架来完成数据库的存取访问，各个Java组件基于SpringIOC容器来进行自动化依赖管理，使得程序的耦合性较低。前端采用Vue框架开发实现，并基于ElementUI丰富的组件库来开发实现前端页面。系统经过集成测试比对最初的需求分析，验证了系统功能实现的完整性。
【JAVA开源】基于Vue和SpringBoot的高校学科竞赛平台
杨荧的CSDN博客
10-10 1414
教师功能有个人中心，题目类型管理，竞赛题库管理，竞赛类型管理，竞赛信息管理，报名信息管理，竞赛评分管理，参赛名单管理，晋级名单管理，获奖名单管理，竞赛总结管理，报销清单管理，成绩申诉管理，参赛信息管理，参赛信息管理，往年成绩管理，获奖情况管理。
Springboot api http并发测试请求
最新发布
nsa65223的专栏
10-11 230
【代码】Springboot api http并发测试请求。
黑马程序员javaweb
06-12
黑马程序员是一家教育机构，提供多种编程语言和IT技术的培训课程，...在黑马程序员的JavaWeb课程学习过程中，学生可以实现多个实际项目，包括电子商务网站、新闻发布系统、社交网络等，提高自己的实战经验和编程能力。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值