首页 > 其他分享 >前后端分离:前端接收后端数据(前端版)

前后端分离:前端接收后端数据(前端版)

时间:2024-09-05 17:14:29浏览次数:3  
标签:axios console 8081 前端 分离 接收 端口号 log

后端端口号8081,前端端口号8080

操作均在前端进行

 

通过axios接收

npm install axios

代码(不跨域时直接使用),写在script的methods中

getAllPeoples(){
            axios.get('http://localhost:8081/').then(
                Response =>{
                    console.log('请求成功了',Response.data)
                },
                error => {
                    console.log('请求失败了',error)
                }
            )
        }

 

在vue.config.js中添加

devServer: {
    proxy:'http://localhost:8081'
  },

操作成功

(此界面调出方式:CTRL + shift + i,先调出界面在执行即可看到)

标签:axios,console,8081,前端,分离,接收,端口号,log
From: https://www.cnblogs.com/yansans/p/18398893

相关文章

  • 用 React 构建一个简单的计算器:前端开发实战演练
    在前端开发中,React是一个非常流行的JaScript框架,广泛用于构建用户界面。今天我们将通过一个实战项目,展示如何用React构建一个简单的计算器,这不仅可以帮助你巩固对React的基础知识,还能让你对实际开发有更深的理解。一、项目搭建你需要确保本地环境已经安装了Node.js和n......
  • 【前端面试】事件监听机制&React 的事件系统实现
    目的React实现了自己的事件系统,主要是为了解决以下几个问题:跨浏览器兼容性:不同的浏览器在处理DOM事件时有不同的实现,React的事件系统抽象了这些差异,提供了一致的API给开发者使用。性能优化:React可以对事件进行池化(Pooling),这意味着事件对象可以在事件处理过程......
  • Java应用的数据库读写分离:提高数据库性能
    Java应用的数据库读写分离:提高数据库性能大家好,我是微赚淘客返利系统3.0的小编,是个冬天不穿秋裤,天冷也要风度的程序猿!今天,我们将探讨如何在Java应用中实现数据库读写分离,以提高数据库性能和系统的可扩展性。数据库读写分离是一种常见的架构模式,通过将读操作和写操作分配到不同的......
  • 创建一个Spring MVC项目(配置,导入依赖,以及前端控制器)
    Tomcat(10.1.28)配置详细讲解!链接https://blog.csdn.net/or77iu_N/article/details/141266535?spm=1001.2014.3001.55021、创建JavaWeb项目File->New->Project2、导入SpringMVC相关依赖<dependency><groupId>org.springframework</groupId><......
  • Stable Diffusion读你大脑信号就能重现图像,研究还被CVPR接收了
    大脑活动到图像,StableDiffusion能重建。如果人工智能可以解读你的想象,将你脑海中的图像变成现实,那会怎样?虽然这听起来有点赛博朋克。但最近发表的一篇论文,让AI圈吵翻了天。这篇论文发现,他们使用最近非常火的StableDiffusion,就能重建大脑活动中的高分辨率、高精......
  • 解决VSCode 使用git拉取前端代码报错问题,屏蔽不参与git提交的文件,git rm --cached,git
    问题描述:`最近,在公司共同开发Angular前端项目过程中,我使用的开发工具时VSCode,遇到一个问题,比如environment.js,package-lock.json,angular.json等等文件都是不需要上传的,别人上传了,我也不想覆盖的文件,你懂吧。但是呢,我一拉代码,就会提示有冲突,要我解决,不然拉不了,有个蠢办法就......
  • 前端常用的echart获取地图json方法
    一、世界地图,不细分国家相关链接:geojson在线绘制 Json文件链接:world-min.json二、世界地图,包含各个国家 Json文件链接:world.json三、中国地图,省市区县(阿里DataV.GeoAtlas)相关链接:阿里DataV.GeoAtlas在线绘制  Json文件链接:china-min.json、china.json修复右手定......
  • 尚硅谷前端 ES6 笔记
    ECMAScript6-11概述1.ECMA介绍ECMA(EuropeanComputerManufacturersAssociation)是欧洲计算机制造商协会,目标是评估、开发和认可电信和计算机标准。1994年后改名为Ecma国际。2.ECMAScript是什么ECMAScript是由Ecma国际通过ECMA-262标准化的脚本程序设计语言。3.......
  • 前端开发学习——CSS定位
    一、定位的基本介绍1、网页常见的布局方式1.标准流块级元素独占一行——垂直布局行内元素/行内块元素一行显示多个——水平布局2.浮动可以让原本垂直布局的块级元素变成水平布局3.定位可以让元素自由的摆放在网页的任意位置一般用于盒子之间的层叠情况 2、定位的常见......
  • 计算机毕业设计 二手闲置交易系统 Java+SpringBoot+Vue 前后端分离 文档报告 代码讲解
    ......