前后端分离后的JavaWeb项目的运行

最新推荐文章于 2026-06-17 08:45:52 发布

原创

最新推荐文章于 2026-06-17 08:45:52 发布 · 7.9k 阅读

收录于

当前文章被以下社区和专栏收录：

在前后端分离的开发模式下，使用IntelliJ IDEA2018.4进行JavaWeb项目运行。首先，分别打开前端和后端项目，配置SDK。通过Maven的spring-boot插件在后台项目中启动SpringBoot应用，记录Tomcat的运行端口。然后在前端项目中，修改“common.js”和“ueditor.config.js”文件，设置后台的IP和端口号。最后，浏览器访问项目首页的正确URL或通过IDEA直接打开HTML文件预览。

“资深”代码小白，在开发部门施行前后端分离后，我就找不到项目怎么启动运行了……

工具：IntelliJ IDEA2018.4【maven+SpringBoot】

同事给了我两个项目名，一个前端、一个后台，然后分别打开，配置好SDK那些。

1、在后台项目中，Maven Projects——>项目名——>Plugins——>spring-boot——>

spring-boot:run，即运行。

2、启动以后，在

. ____ _ __ _ _
/\\ / ___'_ __ _ _(_)_ __ __ _ \ \ \ \
( ( )\___ | '_ | '_| | '_ \/ _` | \ \ \ \
\\/ ___)| |_)spring (_| | ) ) ) )
' |____| .__|_| |_|_| |_\__, | / / / /
=========|_|==============|___/=/_/_/_/
:: Spring Boot :: (v2.0.4.RELEASE)

下面有一行：[main] INFO org.springframework.boot.web.embedded.tomcat.TomcatWebServer -Tomcat initialized with port(s): 9010 (http)。端口号可以记一下，在前端页面配置中会用。

3、在前端项目中，我是找js文件夹下的“common.js”,找到路径“var urls = 'http://192.XXX.X.XXX:9010'”，本机IP+后台的端口号。就可以把两个项目连起来了。还有“ue