前后端完全分离后前端如何启动静态服务保证开发人员的访问?

如今前后端分离已经很普遍,后端提供模拟接口或者前端自己模拟数据就可以实现前后端同时开发,缩短项目时间。
其中有一点缺陷:将前后端接口联调的风险放到了最后,最后接口的改变可能对前端的代码影响较大。这就需要项目前期有完善的接口文档。

以往前端的同学做项目时服务的问题总是让自己很恼火,后端改了配置自己本地就尴尬了,又得请教后端同学,
就连配置web容器或者maven什么的。。。说起都是心累

今天是想说说一个做前端的童鞋如何自己开启一个静态web服务。(前提是项目前后端完全分离)

使用http-server:

1、管理员CMD全局安装
http-server : npm install http-server -g
2、进入项目根目录(或者项目的任意目录)
3、敲入命令:http-server。
    此时应该会有类似的反馈:
Starting up http-server, serving ./
    Available on:
      http://192.168.1.4:8080
      http://127.0.0.1:8080
    Hit CTRL-C to stop the server
    或者可以修改监听端口 : http-server -p 8081  好了,刚刚的8080已经不能访问
    试试8081吧。
    
4、大功告成,去访问试试吧!

5、查看更多  http-server -h



### 启动前后端分离的 Java Web 项目 在 IntelliJ IDEA 中启动前后端分离的 Java Web 项目涉及多个方面,包括项目的创建、配置以及最终的启动过程。 #### 创建项目 为了简化流程并确保项目能够顺利运行,建议按照如下方法来创建项目。对于新手而言,可以采用内置模板快速搭建环境[^2]: 1. 打开 IntelliJ IDEA 并选择 `Create New Project`。 2. 在弹出窗口中挑选适合的框架支持,比如 Servlet 或者 Spring Initializr 来初始化一个基于Spring Boot 的Web应用程序。 3. 配置好项目名称和其他必要参数后点击完成按钮等待IDE下载依赖项。 #### 编写业务逻辑与页面 编写相应的Servlet类或者Controller控制器处理HTTP请求,并通过JSP/Thymeleaf等视图技术实现动态网页展示功能。此时所有的前端资源(HTML/CSS/JS 文件)都放置于src/main/webapp目录下以便被Tomcat容器识别加载。 #### 运行配置设置 为了让IDE可以直接调试整个应用而不需要额外部署步骤,则需正确设定Run Configuration: - 对于传统的Java EE项目, 右键单击pom.xml -> Add as Maven project 然后再右键单击Artifact节点下的war包-> Exploded war ,最后选中它作为要发布的artifact. - 如果是SpringBoot工程则更为简便些,只需找到主程序入口即@SpringBootApplication标注的那个class文件,然后点击上方工具栏中的绿色播放图标即可一键启动内嵌式的tomcat服务. 当一切准备就绪之后就可以直接按下Shift+F10组合键或是鼠标左键双击刚才新建好的run configuration来进行本地测试了. ```xml <!-- pom.xml --> <build> <plugins> <!-- 插件用于将Maven项目构建成WAR包 --> <plugin> <groupId>org.apache.maven.plugins</groupId> <artifactId>maven-war-plugin</artifactId> <version>3.3.1</version> <configuration> <failOnMissingWebXml>false</failOnMissingWebXml> </configuration> </plugin> </plugins> </build> ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值