位置: 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)算法数据集详细介绍(图像修复技术)

  • Zotac 将 Nvidia A4500 GPU 压缩到 8 英寸机箱中

    Zotac 将 Nvidia A4500 GPU 压缩到 8 英寸机箱中

  • qq如何隐藏qq号让别人看不到(QQ如何隐藏QQ号码)

    qq如何隐藏qq号让别人看不到(QQ如何隐藏QQ号码)

  • 怎么开抖音直播(一部手机怎么开抖音直播)

    怎么开抖音直播(一部手机怎么开抖音直播)

  • dxva2.dll是什么意思(dxgi.dll是什么)

    dxva2.dll是什么意思(dxgi.dll是什么)

  • 离线表情删除有影响吗(离线表情是从哪来的)

    离线表情删除有影响吗(离线表情是从哪来的)

  • 华为手机怎么投屏到海信电视上(华为手机怎么投屏到汽车中控屏)

    华为手机怎么投屏到海信电视上(华为手机怎么投屏到汽车中控屏)

  • 华为p30强制重启(华为p30强制重启没有没有用)

    华为p30强制重启(华为p30强制重启没有没有用)

  • 快手怎么不显示通讯录好友(快手怎么不显示ip地址)

    快手怎么不显示通讯录好友(快手怎么不显示ip地址)

  • 腾讯课堂没签到能补么(腾讯课堂没签到能补吗)

    腾讯课堂没签到能补么(腾讯课堂没签到能补吗)

  • 台积电全名(台积电全名叫什么)

    台积电全名(台积电全名叫什么)

  • 苹果wapi打开还是关闭(苹果手机wapi打开好还是不打开)

    苹果wapi打开还是关闭(苹果手机wapi打开好还是不打开)

  • 4415y相当于i5多少(4415u相当于i5哪个级别)

    4415y相当于i5多少(4415u相当于i5哪个级别)

  • 微信运动步数不动怎么设置(微信运动步数不准确解决办法)

    微信运动步数不动怎么设置(微信运动步数不准确解决办法)

  • 京东plus惠购卡有什么用(京东plus优惠卡)

    京东plus惠购卡有什么用(京东plus优惠卡)

  • oppoa9手机有呼吸灯吗(oppoa9手机呼吸灯怎么不亮呢)

    oppoa9手机有呼吸灯吗(oppoa9手机呼吸灯怎么不亮呢)

  • 电子邮件应用程序实现SMTP的主要目的是(电子邮件应用程序在向邮件服务器发送邮件时使用)

    电子邮件应用程序实现SMTP的主要目的是(电子邮件应用程序在向邮件服务器发送邮件时使用)

  • 手机屏幕不好滑动干涩(手机屏幕不好滑动粘)

    手机屏幕不好滑动干涩(手机屏幕不好滑动粘)

  • 短信通知服务费怎么取消(中国银行如何取消短信通知服务费)

    短信通知服务费怎么取消(中国银行如何取消短信通知服务费)

  • 魅族16T屏幕材质(魅族16th屏幕材质)

    魅族16T屏幕材质(魅族16th屏幕材质)

  • 电信卡hd啥意思(电信卡上hd什么意思)

    电信卡hd啥意思(电信卡上hd什么意思)

  • 华为影视vip会员有什么用(华为影视vip会员能看什么)

    华为影视vip会员有什么用(华为影视vip会员能看什么)

  • macbook怎么登录id(macbook怎么登录itunes)

    macbook怎么登录id(macbook怎么登录itunes)

  • 优活手环怎么设置语言(优活手环怎么设置密码)

    优活手环怎么设置语言(优活手环怎么设置密码)

  • 电脑微信版本过低怎么升级(电脑微信版本过低怎么升级至最新版本)

    电脑微信版本过低怎么升级(电脑微信版本过低怎么升级至最新版本)

  • 路由器ap隔离怎么关闭(路由器ap隔离怎么解除)

    路由器ap隔离怎么关闭(路由器ap隔离怎么解除)

  • 苹果手机商标的由来(苹果手机的商标图案)

    苹果手机商标的由来(苹果手机的商标图案)

  • wlan常用的设备有哪些(常见的wlan技术)

    wlan常用的设备有哪些(常见的wlan技术)

  • 税控盘的维护费
  • 税务局纳税申报网站官网
  • 应税劳务销售额怎么算
  • 统一社会信用代码查询企业名称
  • 房地产开发企业资质证书
  • 可转换可赎回债券
  • 原会计收入准则最新
  • 卖二手车
  • 企业支付给生产车间
  • 事业单位现金收支管理办法
  • 订单式生产管理
  • 承包费收入如何做账
  • 社平工资调整补差什么意思
  • 工程外出经营流程
  • 扣员工餐费需要缴纳个税吗
  • 企业汇算清缴补税原因
  • 融资租赁租金收入计税基础
  • 企业所得税季度申报填写示例
  • 钢结构安装有哪些工种
  • 在建工程完工,并当日签订出租协议的会计分录
  • 小规模纳税人贷款利息收入增值税税率
  • 委托代收款
  • 发票遗失登报费用账务处理
  • 发票查出来显示不一致是为啥
  • 单位给个人付款分录
  • win11和win10哪个玩游戏好
  • mac打印机状态暂停怎么处理
  • 为什么盈余公积补亏不会影响留存收益
  • 购入嵌入式软件能一次性扣除吗
  • PHP:mb_ereg_search_pos()的用法_mbstring函数
  • incorrect email format
  • 无形资产初始计量的表述
  • 文件夹字体怎么变大
  • 2017年8月21日是什么日子
  • 分期收款销售商品,收到本期货款50万元
  • 不列颠哥伦比亚大学排名
  • Prometheus告警规则配置
  • 个体工商户需要报哪些税
  • 股权投资收益需要缴纳企业所得税吗
  • 芒果sdk
  • 无形资产摊销怎么计算月摊销额
  • 彩钢板房税点
  • 帝国cms调用api接口
  • mongodb的使用教程
  • mongodb replica set 配置高性能多服务器详解
  • Philtron: a PHP Proxy for HTTP
  • 没有虚拟化iommu
  • mysql忘了密码
  • 职工教育经费可以冲回吗
  • 运输费属于生产成本还是制造费用
  • 一般纳税人适用什么会计准则
  • 电子商业汇票怎么接收
  • 违约金 专票
  • 无形资产摊销如何操作
  • 有限责任公司减资的条件
  • 进口免税产品如何开票
  • 怎么冲减多计提的增值税
  • 母公司划拨土地给全资子公司需要上税吗?
  • 高速etc里面的钱怎么取?
  • 安全生产费的会计分录
  • 营业外收入明细账图片
  • xp如何给文件夹加密码
  • windows无法启动怎么解决
  • 软件无法卸载怎么办,安装的软件卸载不了怎么办
  • gcf是什么软件的文件
  • mmc.exe是什么
  • windows7一键还原在哪
  • linux系统的配置
  • linux012
  • linux挂载啥意思
  • Unity3D HTTP协议 网络通信 post get
  • javascript例题
  • js实现分页数据库数据
  • 在img标签中的alt属性里添加内容可以告诉
  • vue全家桶包含哪些
  • Intermediate Unity 3D for iOS: Part 2/3
  • 批量压缩命令
  • django 接收前端的json
  • js基础教程
  • 自定义dialog屏蔽按键
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设