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

相关推荐
.生产的驴22 分钟前
SpringBoot 接口国际化i18n 多语言返回 中英文切换 全球化 语言切换
java·开发语言·spring boot·后端·前端框架
Howard_Stark26 分钟前
Spring的BeanFactory和FactoryBean的区别
java·后端·spring
饮长安千年月27 分钟前
学生管理系统审计
java·网络安全·代码审计
-曾牛35 分钟前
Spring Boot中@RequestParam、@RequestBody、@PathVariable的区别与使用
java·spring boot·后端·intellij-idea·注解·spring boot 注解·混淆用法
新时代苦力工1 小时前
处理对象集合,输出Map<String, Map<String, List<MyObject>>>格式数据,无序组合键处理方法
java·数据结构·list
六边形6661 小时前
Vue中的 ref、toRef 和 toRefs 有什么区别
前端·vue.js·面试
没有鸡汤吃不下饭1 小时前
解决vite+vue3运行项目打开页面跳转很慢打不开需要刷新问题:optimized dependencies change. reloading
前端·vue.js·vite
niesiyuan0001 小时前
MAC如何安装多版本jdk(以8,11,17为例)
java
zcyf08091 小时前
kafka理论学习汇总
java·分布式·学习·kafka
佳腾_1 小时前
【Web应用服务器_Tomcat】三、Tomcat 性能优化与监控诊断
前端·中间件·性能优化·tomcat·web应用服务器