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问题。

相关推荐
小蜗牛狂飙记4 分钟前
github-idea新建文件就要弹窗提醒-如何关闭-2025.7.30
java·github·intellij-idea
阿华的代码王国15 分钟前
【Android】日期选择器
android·xml·java·前端·后端
im_AMBER21 分钟前
Leetcode 11 java
java·算法·leetcode
丶小鱼丶30 分钟前
二叉树算法之【Z字型层序遍历】
java·算法
hqxstudying35 分钟前
SpringBoot相关注解
java·spring boot·后端
Dolphin_海豚1 小时前
vapor 的 IR 是如何被 generate 到 render 函数的
前端·vue.js·vapor
77qqqiqi1 小时前
解决忘记修改配置密码而无法连接nacos的问题
java·数据库·docker·微服务
ALLSectorSorft1 小时前
相亲小程序用户注册与登录系统模块搭建
java·大数据·服务器·数据库·python
琢磨先生David2 小时前
Java 垃圾回收机制:自动化内存管理的艺术与科学
java
初遇你时动了情2 小时前
JS中defineProperty/Proxy 数据劫持 vue3/vue2双向绑定实现原理,react 实现原理
javascript·vue.js·react.js