位置: IT常识 - 正文

使用Axios前后端交互(超详细)建议点赞收藏(前端axios请求怎么中断)

编辑:rootadmin
使用Axios前后端交互(超详细)建议点赞收藏

推荐整理分享使用Axios前后端交互(超详细)建议点赞收藏(前端axios请求怎么中断),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:axios调用接口,axios前后端交互的实现方式,axios前后端交互的实现方式,前端怎么用axios调用后端接口,前端axios请求怎么中断,axios 后端,axios 后端,前端怎么用axios调用后端接口,内容如对您有帮助,希望把文章链接给更多的朋友!

1、安装axios

将目录切换到当前项目目录下,执行下面安装命令:

npm install --save axios vue-axios

2、将axios挂载到vue实例上或则直接导入组件中

在mian.js中做如下配置,可将axios挂载到vue实例上:

import axios from 'axios'

import VueAxios from 'vue-axios'

Vue.use(VueAxios, axios)

3.vue.config.js中写配置代理器

//配置代理 devServer:{ proxy:{ '/wanshi':{ target:"http://localhost:8081", ws:true, changeOrigin:true pathRewrite:{ '^/wanshi':"" } } } }

 '/wanshi':路径的作用是告知代理服务器,如果请求中包含”、wanshi“则将请求通过代理服务器发送给真正的服务器(自己可以随便起名字) /wanshi写在浏览器端口号的后面(下面会用到)

target:真实服务器的地址(也就是后台服务器的端口号)

后台服务器的端口号跟前台端口后不可以一样,否则会占用端口号,打开是同一个页面,所以要提前看一下是否一样 target这里是后台端口号

pathRewrite:代理服务器发送请求的时候会将路径中的'/wanshi'替换成'',否则找不到路径

中间两个默认配置,不写的话也不影响

4.写后台代码

首先数据库里面要有数据 在idea里面写数据的增删改查这里我就不写了 毕竟学到这里了 前面的应该都是小问题 咱们这主要讲的是前后交互 

使用Axios前后端交互(超详细)建议点赞收藏(前端axios请求怎么中断)

写sql语句 

 实体类

 重点来啦

 其实跟咱们平常写增删改查一样 只是用了一个

@ResponseBody注解:转为json格式这个必须要有

 5.前台接收

要显示的格式随便写 只要可以在页面显示就行

 重点!!先引入注册

 

 

 这里的get是前台浏览器的端口号

/wanshi现在用到了

.then():运行成功后要执行的操作

 this.movies=response.data 意思是我自定义一个空的数组,把后台传过来的数据给空数组

 .catch():运行失败后要执行的操作

到现在基本的写完了 测试时需要前后端同时开启 才可以获取数据  

有任何问题可以私聊找我哦 或者需要什么资料的都可以

本文链接地址:https://www.jiuchutong.com/zhishi/298905.html 转载请保留说明!

上一篇:改进YOLO:YOLOv5结合swin transformer(改进的拼音)

下一篇:图像修复(Image Restoration)算法数据集详细介绍(图像修复技术)

  • honor耳机怎么连接手机(honor耳机怎么连接手机配对)

    honor耳机怎么连接手机(honor耳机怎么连接手机配对)

  • 无线装置关闭打不出电话怎么解决(无线装置关闭打不出电话主板坏)

    无线装置关闭打不出电话怎么解决(无线装置关闭打不出电话主板坏)

  • 华为p40能用40w充电器吗(华为p40支持40w)

    华为p40能用40w充电器吗(华为p40支持40w)

  • 查看共享位置会提醒吗(共享位置打开了,谁可以看到)

    查看共享位置会提醒吗(共享位置打开了,谁可以看到)

  • vivo手机怎样关闭推送通知(vivo手机怎么关机)

    vivo手机怎样关闭推送通知(vivo手机怎么关机)

  • 抖音移除对方,对方知道吗(抖音移除对方,对方看到显示的是什么)

    抖音移除对方,对方知道吗(抖音移除对方,对方看到显示的是什么)

  • 4个摄像头的手机有哪些(4个摄像头的手机有哪些OPPO)

    4个摄像头的手机有哪些(4个摄像头的手机有哪些OPPO)

  • 微信群主退出群怎样恢复(微信群主退出群后群还存在吗)

    微信群主退出群怎样恢复(微信群主退出群后群还存在吗)

  • 一个抖音小店可以绑定几个抖音号(一个抖音小店可以上架多少款产品)

    一个抖音小店可以绑定几个抖音号(一个抖音小店可以上架多少款产品)

  • 笔记本电脑响声很大怎么回事(笔记本电脑响声很大的嗡嗡声正常吗)

    笔记本电脑响声很大怎么回事(笔记本电脑响声很大的嗡嗡声正常吗)

  • 钉钉分屏怎么设置(钉钉分屏怎么设密码)

    钉钉分屏怎么设置(钉钉分屏怎么设密码)

  • 苹果x后面是什么型号(苹果x后面是什么系列)

    苹果x后面是什么型号(苹果x后面是什么系列)

  • 快手怎么看谁浏览了(快手怎么看谁浏览过我的主页)

    快手怎么看谁浏览了(快手怎么看谁浏览过我的主页)

  • 关联账号是什么意思(关联账号是双方都关联的么)

    关联账号是什么意思(关联账号是双方都关联的么)

  • 手机销号微信怎么办(手机号销号 微信怎么办)

    手机销号微信怎么办(手机号销号 微信怎么办)

  • 手机怎么设置开机自动启动软件(手机怎么设置开机自启动)

    手机怎么设置开机自动启动软件(手机怎么设置开机自启动)

  • OPPO k5怎么关闭软件自动更新(oppo k5怎么关闭hd高清通话设置)

    OPPO k5怎么关闭软件自动更新(oppo k5怎么关闭hd高清通话设置)

  • 苹果x有几个摄像头(苹果x是几个摄像头)

    苹果x有几个摄像头(苹果x是几个摄像头)

  • 怎样查谁特别关心了我(怎么查谁特别关注了我)

    怎样查谁特别关心了我(怎么查谁特别关注了我)

  • 电池容量87%要换电池吗(电池容量78%需要换电池吗)

    电池容量87%要换电池吗(电池容量78%需要换电池吗)

  • iphonexs支持指纹吗(iphonexs支持指纹解锁吗)

    iphonexs支持指纹吗(iphonexs支持指纹解锁吗)

  • 电话被拉黑了怎么办(电话被拉黑了怎么办可以打进去)

    电话被拉黑了怎么办(电话被拉黑了怎么办可以打进去)

  • vivo s1是曲面屏吗(vivo首款曲面屏)

    vivo s1是曲面屏吗(vivo首款曲面屏)

  • 红米手机耳机怎么设置(红米手机耳机插哪)

    红米手机耳机怎么设置(红米手机耳机插哪)

  • 一品红怎么养(图文)(一品红怎么养才长得好)

    一品红怎么养(图文)(一品红怎么养才长得好)

  • Web漏洞扫描器-Xray使用方法(web漏洞扫描器的设计与实现)

    Web漏洞扫描器-Xray使用方法(web漏洞扫描器的设计与实现)

  • 刷题日常计~JS③(刷题有什么作用)

    刷题日常计~JS③(刷题有什么作用)

  • 预缴所得税退回
  • 电梯的税收筹划怎么做
  • 公对公转账要交税税点是多少
  • 啥叫总分类账
  • 出差的餐饮发票的税率是多少
  • 月底计提分录
  • 去外地装修
  • 出纳备用金管理制度
  • 期末留抵税额小于当期免抵退税额是什么意思
  • 增值税普通发票和普通发票的区别怎么交税
  • 城镇土地使用税减免税政策
  • 六月涉税提醒通知
  • 总分机构类型怎么选
  • 员工休产假期间公司发工资吗
  • 债权性投资和权益性投资的区别
  • 增值税的调增调减
  • 线上授权经销商
  • 滴滴代驾报酬
  • linux 创建sh
  • 房地产项目公司是什么意思
  • 分配股利什么时候做账
  • 板栗怎样保存1年不坏
  • msmpeng.exe是什么程序
  • 衡量一个企业经营状况
  • 防止盗链的php代码
  • 预计可变现净值影响账面价值吗
  • 社会保险个人部分计入什么科目
  • php三大特性
  • 建信融通e信通贴现几天到账
  • php中session使用
  • 股东分红税率是20%还是25%
  • css伪类选择器怎么用
  • php生成唯一字符串
  • 企业计提增值税的会计科目
  • 异地工作人员管理
  • python关键字参数位置参数
  • react context优化四重奏教程示例
  • 退股东股本账务处理
  • 资产负债表和利润表的区别
  • 营改增后简易计税是多少税率
  • 疫情期间社保减免了几个月
  • 主营业务收入多计提怎么冲减
  • 销售货物增值税税率变化
  • 办公桌椅入什么会计科目
  • 当月计提的工资,次月申报吗
  • 合并报表时存货公允与账面的差额
  • 个税异地缴纳后果
  • 退回货款给客户怎么做会计分录
  • 销售费用主要包括
  • 老板垫付货款
  • 总公司调拨子公司怎么办
  • 发票对方没有上传,无法勾选发票要怎么办
  • 营业成本包括三大费用如何称呼
  • 公司费用报销单样本
  • 资产负债表中的货币资金怎么算
  • 购进货物取得
  • 固定资产专票可以不抵扣吗
  • mysql中binlog_format模式与配置详细分析
  • innodb_index_stats导入备份数据时报错表主键冲突的解决方法
  • 电脑win7win8win10操作系
  • bp程序是什么意思
  • Ubuntu 12.04安装Xen常见问题及解决方法汇总
  • centos划分分区
  • linux常用命令行
  • 与web站点和web页面
  • 下载手游网
  • unity 读取xml文件
  • android应用程序的主要语言是java
  • macos安装过程
  • linux BASH shell下设置字体及背景颜色
  • python调用python代码
  • Unity3d HDR和Bloom效果(高动态范围图像和泛光)
  • android toolbar menu
  • 大连个体营业执照怎么办
  • 我国就业制度的演变
  • 什么是减税政策
  • 包角计算公式推导
  • 武汉洪山实验中学是初中还是高中
  • 低收入个人所得税
  • 车辆免征信息怎么查
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设