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

相关推荐
TDengine (老段)10 分钟前
TDengine 中的日志系统
java·大数据·数据库·物联网·时序数据库·tdengine·iotdb
不想学习!!11 分钟前
linux之进程控制
java·linux·服务器
派小汤29 分钟前
Springboot + Vue + WebSocket + Notification实现消息推送功能
vue.js·spring boot·websocket
nlog3n1 小时前
Java外观模式详解
java·开发语言·外观模式
Mryan20051 小时前
SpringBoot项目报错: 缺少 Validation
java·spring boot
阿珊和她的猫2 小时前
Webpack Dev Server的安装与配置:解决跨域问题
vue.js·webpack
SnXJi_2 小时前
开源赋能,双驱协同:纷析云财务与进销存软件助力企业数字化转型
java·gitee·开源·开源软件
eternal__day2 小时前
第三期:深入理解 Spring Web MVC [特殊字符](数据传参+ 特殊字符处理 + 编码问题解析)
java·前端·spring·java-ee·mvc
醋醋2 小时前
Vue2源码记录
前端·vue.js
艾克马斯奎普特2 小时前
Vue.js 3 渐进式实现之响应式系统——第四节:封装 track 和 trigger 函数
javascript·vue.js