SSM项目前后端分离详细说明

1.后端

1.1打包

说明:使用idea打开项目,然后进行打包。

1.2tomcat

说明:把后端打成war包后放入tomcat启动。

1.3启动tomcat

说明: 找到tomcat中bin目录中的startup.bat文件,进行启动。如果启动失败,可以查看本人撰写Tomcat启动闪退的详细解决方法(捕获的野生的java1.8.0_321和野生的Tomcat8实验)_tomcat闪退,路径配置好了-CSDN博客

1.4成功截图

2.测试接口

2.1apipost测试接口

说明:http://127.0.0.1:8080/ssmhydrd_war/users/page。ssmhydrd_war这是war的名字,users/page是控制层的路径。

3.前端

3.1webapp

3.2启动各个前端项目

说明:以后台项目为例。找到vue.config.js。

说明: target: 'http://localhost:8080/ssmhydrd_war',指向的是服务器的地址。

javascript 复制代码
lintOnSave: false,
    devServer: {
        hot: true, // 开启热更新
        https: false, // 是否开启https模式
        proxy: {
            '/ssmhydrd_war': {
                target: 'http://localhost:8080/ssmhydrd_war',
                changeOrigin: true,
                secure: false,
                pathRewrite: {
                    '^/ssmhydrd_war': ''
                }
            }
        }
    },
}

3.3base.js

说明:封装js方法。

3.4main.js

说明:将方法挂载在原型里面。

Vue.prototype.$base = base.get()

Vue.prototype.$project = base.getProjectName()

3.5发起请求

说明:前端发起网络请求,前端vue代理就是解决跨域请求问题。因为需要遵守同源策略,解决不同ip问题。

相关推荐
最初的↘那颗心3 小时前
Java泛型深度解析:从基础语法到高级应用
java·面向对象·泛型
仙俊红3 小时前
Spring Boot `@Configuration` 与 `@Component` 笔记
java·spring boot·笔记
计算机学姐6 小时前
基于SpringBoot的社团管理系统【2026最新】
java·vue.js·spring boot·后端·mysql·spring·mybatis
天上掉下来个程小白6 小时前
微服务-25.网关登录校验-网关传递用户到微服务
java·数据库·微服务
前端开发爱好者7 小时前
弃用 ESLint + Prettier!快 35 倍的 AI 格式化神器!
前端·javascript·vue.js
&白帝&7 小时前
vue2和vue3的对比
javascript·vue.js·ecmascript
vivi_and_qiao7 小时前
HTML的form表单
java·前端·html
Slaughter信仰7 小时前
深入理解Java虚拟机:JVM高级特性与最佳实践(第3版)第四章知识点问答补充及重新排版
java·开发语言·jvm
心灵宝贝8 小时前
Mac用户安装JDK 22完整流程(Intel版dmg文件安装指南附安装包下载)
java·开发语言·macos
ta是个码农8 小时前
Mysql——日志
java·数据库·mysql·日志