Vue.js-几种请求方式

最新推荐文章于 2025-09-15 21:04:49 发布

原创最新推荐文章于 2025-09-15 21:04:49 发布 · 8.1k 阅读

5 ·

CC 4.0 BY-SA版权

vue框架专栏收录该内容

41 篇文章

订阅专栏

本文介绍了在Vue项目中实现HTTP请求的四种常见方法：使用vue-resource、axios以及fetch API。详细展示了每种方法的安装步骤、配置过程及具体用法。

1.resource请求

cnpm install vue-resource --save 

import VueResource from 'vue-resource'
Vue.use(VueResource)
this.$http.get("")

2.axios 请求

cnpm install axios --save 

axios.defaults.baseURL = "根地址"
//vue页面引入import axios from 'axios'
axios.get(请求的地址)

3.axios 请求

cnpm install axios --save 
Vue.prototype.http = axios //配置Vue原型
this.http.get("")

4.fetch(“”) // es6的请求方式

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

UIEngineer

关注关注

2
点赞
踩
5

收藏

觉得还不错? 一键收藏
3
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

Vue.js---实现前后端分离架构中前端页面搭建（一）

Lalalajtyy的博客

05-22

2003

【Vue.js实现前后端分离架构中前端页面搭建】一、前后端分离 1. 简介前后端分离属于软件架构的一种。其核心思想是把前端项目（Node.js实现的）和后端项目独立部署到不同的服务器上，前端项目在通过Ajax请求服务器端项目Restful接口实现数据交互。使用前后端分离架构的项目在项目组中往往配备前端工程师和后端工程师。后端工程师就是我们，对于我们我们来说，不需要在项目中编写页面了，写到控制器返回数据即可，最后把项目部署到服务器上。而前端项目中主要是一些HTML、JavaScript、图片等资

vue-mpvue-ChatRobot聊天机器人vue-mpvue-ChatRobot-master.zip

12-17

Vue.js是一个轻量级的JavaScript框架，以其易学易用、高性能和组件化设计著称。而MPVue是微信小程序的增强版，它是基于Vue.js进行开发的，允许开发者使用Vue.js语法来编写微信小程序，提高了开发效率。 `vue-mpvue-...

3 条评论您还未登录，请先登录后发表或查看评论

1 条评论

m0_38090982 2020.09.16
真是搞笑，你要写就写完，弄个省略号也是搞笑！

Hallin_Me 2018.08.13
请问，线上项目，vue 数据请求一定要https吗? http不行嘛？
- UIEngineer回复Hallin_Me 2018.08.20
  应该都可以啊

通过js发送请求的几种方法

09-27

通过js发送请求的几种方法，全面　简单　有效

Vue.js数据请求方式

五颜六色的白

01-15

658

Vue.js数据请求方式 一、 vue-resource 1>通过 yarn 或者 NPM.安装 $ yarn add vue-resource $ npm install vue-resource 2>在main.js中引用并使用它 import VueResource from 'vue-resource' Vue.use(VueResource) 3>vue-resou...

Vue.js 入门指南：适合 Java 开发者的渐进式前端框架

最新发布

2202_75407589的博客

09-15

1486

本文介绍了Vue.js框架，面向具有Java基础的开发者。Vue是一个渐进式前端框架，采用组件化开发模式，类似于Java中的类概念。文章对比了Vue与Java的对应关系，解释了Vue的核心优势包括轻量灵活、响应式数据绑定和丰富的生态系统。同时提供了环境搭建指南、项目结构说明、核心概念讲解（模板语法、指令、组件），以及Vue Router和Axios的使用方法。最后给出了跨域处理方案和Element Plus UI框架的集成建议，为Java开发者快速上手Vue提供了清晰的学习路径。

vue中几种请求服务端数据的方法

hejiaying68的博客

05-08

4598

一、axios 二、vue-resource 1、传统写法 2、其他请求方式,如put,jsonp, get, post, delete等等。由于vue 2.0已停止对vue-resource的支持，所以还是推荐使用axios来和后台进行通信。有一篇文章很全，可以参考 http://www.cnblogs.com/chenhuichao/p/9261645.html ...

vue网络请求

ly410726的专栏

03-12

295

1.官方网络请求模块vue-resource 1、需要安装vue-resource模块，注意加上 --save npm install vue-resource --save / cnpm install vue-resource --save 2、main.js引入 vue-resource import VueResource from 'vue-resou...

Vue.js 中的数据请求是什么？如何进行数据请求？

程序猿徐师兄的博客

06-06

1081

Vue.js 中的数据请求是非常重要的一部分，它可以让我们从服务器获取数据，然后在应用程序中使用这些数据。在本文中，我们介绍了数据请求的基本概念、如何进行数据请求，以及如何将数据请求应用到实际项目中。希望这篇文章对你理解 Vue.js 中的数据请求有所帮助。

vue.js组件vue-waterfall-easy实现瀑布流效果

12-12

Vue-waterfall-easy 提供了一种简洁的方式，允许开发者轻松地将瀑布流集成到他们的应用中。在介绍如何使用这个组件之前，我们先了解一下瀑布流布局的基本概念。瀑布流布局是一种常见的网页设计布局方式，尤其适用于...

Vue.js使用-http请求

likunpeng6656201的博客

10-23

1958

Vue.js使用-ajax使用 1.为什么要使用ajax 前面的例子，使用的是本地模拟数据，通过ajax请求服务器数据。 2.使用jquery的ajax库示例 new Vue({ el: '#app', data: { searchQuery: '', columns: [{name: 'name', iskey: true}, {name: 'ag...

Node.js-vue-node在node中加载vue组件

08-09

Vue.js 是一个流行的前端JavaScript框架，它以组件化开发、易用性和高性能著称。而Node.js 是一个基于Chrome V8引擎的JavaScript运行环境，它允许开发者在服务器端使用JavaScript进行开发。`vue-node` 概念指的是在...

vue.js请求数据

dreamStart_Lin的博客

04-19

2767

两种方法，一种是用jq的ajax请求之后将数据放到vue的data中，一种是用vue-resource请求一、动态参数显示 ajax异步请求后，接收到返回的data参数并显示在前端 1 引入js,jQuery2 htmlv-for ="data in datas " ID 名称年龄简称

Vue 网络请求篇

weixin_44908855的博客

08-14

4277

1. 网络请求 Vue中发送网络请求有非常多的方式，那么在开发中，如何选择呢 Ajax: 传统的Ajax是基于XMLHttpRequest(XHR)，配置和调用方式等非常混乱所以真实开发中很少直接使用，而是使用jQurey-Ajax jQurey-Ajax：在Vue的整个开发中都不需要使用jQuery了，所以我们不会为了一个网络请求，就引进jQuery，因为jQuery的代码1万多行，Vue的代码才1万多行 Vue-resource：官方在Vuel.x的时候就推出了Vue-resourc

Vue的三种网络请求方式