计算机毕设项目：毕业论文管理系统（二）

上一篇文章，介绍了这个毕设的功能。这篇文章就简单的说一下，前后端分离的做法。

首先，链接在此：参考别的博主做的如何开发一个前后端分离的项目。

SpringBoot项目搭建后端项目
Vue脚手架搭建前端项目

这里就来说下，Vue脚手架4,0后的配置文件的配置。

vue.config.js

module.exports = {// // 选项...// outputDir: 'dist',   //build输出目录// assetsDir: 'assets', //静态资源目录（js, css, img）// lintOnSave: false, //是否开启eslintdevServer: {open: true, //是否自动弹出浏览器页面// host: "localhost",// port: '8090',https: false,   //是否使用https协议hotOnly: false, //是否开启热更新proxy: {'/': {target: 'http://localhost:8081', //API服务器的地址ws: true,  //代理websocketschangeOrigin: true, // 虚拟的站点需要更管originpathRewrite: {      //重写路径 比如'/api/aaa/ccc'重写为'/aaa/ccc''^/': ''}}}}
}

然后怎么访问后端的接口呢？这是登录的方法，后端接口以学号，密码入参。

//URLSearchParams 接口定义了一些实用的方法来处理 URL 的查询字符串。
var userParam = new URLSearchParams()
//用户名
userParam.append('sno', this.user.username)
//密码
userParam.append('password', this.user.password)
//userParam  最后拼接成了  sno=xxx&password=xxx
//最终访问的url就是localhost:8081/student/login?sno=xxx&password=xxx
//用axios发送post请求，访问后端的接口
this.$axios.post('student/login', userParam).then(responseData => {//请求成功，则。。。。。。。if (responseData.data.code === 200) {localStorage.setItem('data', JSON.stringify(responseData.data.data))_this.$store.commit('login', _this.user)var path = this.$route.query.redirectthis.$message.success('登录成功')this.$router.replace({path: path === '/' || path === undefined ? '/1/index' : path})}else {this.$message.error('账号或密码错误，请重新输入！')}}).catch(failText => {this.$message.error('服务器发生未知错误，请联系系统员', failText)})

用SpringBoot的注解@CrossOrigin解决跨域问题

计算机毕设项目：毕业论文管理系统（二）相关推荐

权限管理系统中管理员能看到所有用户的密码么_计算机毕设项目002之学生成绩管理系统...
计算机毕设项目之学生成绩管理系统一. 项目名称学生成绩管理系统二. 项目简介基于SSM框架的学生成绩管理系统,包含学生信息,教师信息,课程信息,成绩报告,系统设置,报表等功能模块. 管理员:a ...
Java毕设项目信贷管理系统计算机（附源码+系统+数据库+LW）
Java毕设项目信贷管理系统计算机(附源码+系统+数据库+LW) 项目运行环境配置: Jdk1.8 + Tomcat8.5 + Mysql + HBuilderX(Webstorm也行)+ Ecli ...
Java毕设项目电费管理系统计算机（附源码+系统+数据库+LW）
Java毕设项目电费管理系统计算机(附源码+系统+数据库+LW) 项目运行环境配置: Jdk1.8 + Tomcat8.5 + Mysql + HBuilderX(Webstorm也行)+ Ecli ...
android app系统的测试_计算机毕设项目003之基于Android系统的App点餐外送系统
计算机毕设项目之基于Android系统的App点餐外送系统一. 项目名称基于Android系统的App点餐外送系统二. 项目简介本项目是基于Android系统的手机点餐系统,整个项目分为App ...
android 上下滚动文字_计算机毕设项目004之Android系统在线小说阅读器
计算机毕设项目004之Android系统在线小说阅读器一. 项目名称基于Android系统的在线小说阅读器二. 项目简介项目中的角色功能: 支持翻页动画:仿真翻页.覆盖翻页.上下滚动翻页等翻页 ...
计算机毕设项目分享-ssm框架实现bbs论坛系统
今天带来的项目是一个往年的计算机毕设项目, 这个项目我大概花费了两周的时间进行编写, 大致完成了一个完整的论坛网站搭建这个论坛网站主要使用ssm框架进行实现, 数据库采用mysql, 其中的发布相关 ...
Springboot毕设项目咖啡馆管理系统4598u（java+VUE+Mybatis+Maven+Mysql）
Springboot毕设项目咖啡馆管理系统4598u(java+VUE+Mybatis+Maven+Mysql) 项目运行环境配置: Jdk1.8 + Tomcat8.5 + Mysql + HBu ...
ssm毕设项目计件工资管理系统15ik6（java+VUE+Mybatis+Maven+Mysql+sprnig）
ssm毕设项目计件工资管理系统15ik6(java+VUE+Mybatis+Maven+Mysql+sprnig) 项目运行环境配置: Jdk1.8 + Tomcat8.5 + Mysql + HB ...
springboot毕设项目游泳馆管理系统2069l（java+VUE+Mybatis+Maven+Mysql）
springboot毕设项目游泳馆管理系统2069l(java+VUE+Mybatis+Maven+Mysql) 项目运行环境配置: Jdk1.8 + Tomcat8.5 + Mysql + HBu ...
SSM毕设项目游泳馆管理系统851a0（java+VUE+Mybatis+Maven+Mysql）
SSM毕设项目游泳馆管理系统851a0(java+VUE+Mybatis+Maven+Mysql) 项目运行环境配置: Jdk1.8 + Tomcat8.5 + Mysql + HBuilderX( ...

计算机毕设项目：毕业论文管理系统（二）

计算机毕设项目：毕业论文管理系统（二）相关推荐

最新文章

热门文章