vue axios怎么获取到状态0

柔情只为你懂 2023-09-25 12:11 10阅读 0赞

创建vue工程，安装axios

vue init webpack vue2

cd vue2

npm i axios

去掉eslint检查(去掉红框中的部分)，运行工程：

npm run dev

添加测试代码：

添加按钮：

*  Greet

添加方法：

methods:

\{ postData() \{ this.$http(\{ method: 'get', url: '/user',

data: \{ name: 'xiaoming', info: '12' \} \}) \}

\}

刚才添加的代码，方法是get方法，现在可以做get请求测试了，点击页面上的按钮即可，我们会发现红框中输出报一个get错误，说明我们刚发了一个get请求，由于相应的请求的服务端我们没做任何开发，所以客户端是要报404的。

修改代码的中方法为post

postData()\{ this.$http(\{ method: 'post', url: '/user', data: \{ name: 'xiaoming', info: '12' \} \})\}

点击按钮，测试post方法，点击后，输出中发现报post的错误，说明我们已经发出请求。

并发请求：我们修改代码，添加方法twoReq

按钮

*  Greet

方法：

twoReq()\{

self=this function getUserAccount() \{ return

self.$http.get('/user/12345'); \} function

getUserPermissions() \{ return

self.$http.get('/user/12345/permissions'); \}

self.$http.all(\[getUserAccount(), getUserPermissions()\])

.then(self.$http.spread(function (acct, perms) \{

console.log("done"); //两个请求现已完成 \})); \}

点击按钮做并发测试，发现输出有两个请求，说明我们的并发请求可行。更深入内容请上官网了解。 展开

发表评论取消回复

表情：

评论列表（有 0 条评论，10人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue axios怎么获取到状态0

　　创建vue工程，安装axios 　　vue init webpack vue2 　　cd vue2 　　npm i axios 　　去掉eslint检查(去掉红框中

柔情只为你懂/ 2023年09月25日 12:11/ 0 赞/ 11 阅读

相关 0.7、VUE-VUE 结合 axios 发起网络请求

文章目录前后端分离 VUE 发起网络请求最佳实践安装 axios

小鱼儿/ 2023年01月23日 05:50/ 0 赞/ 254 阅读

相关 vue axios

> vue中官方的请求方法一、基本用法 1. `axios(options)` 或 `axios.request(options)` （1）这两个是一样

水深无声/ 2022年12月22日 00:56/ 0 赞/ 286 阅读

相关 Vue中怎么使用axios发送请求

> `Vue中怎么使用axios发送请求` > 1.首先安装所需要的`axios`包 npm install --save axios vue-axios >

客官°小女子只卖身不卖艺/ 2022年11月12日 02:58/ 0 赞/ 260 阅读

相关 vue3.0 axios请求封装（vue2.0也适合）

1.引入axios npm install axios 2.src下面创建http文件夹(下图) ![在这里插入图片描述][20210318105533619.

àì夳堔傛蜴生んèń/ 2022年10月23日 02:58/ 0 赞/ 121 阅读

相关 vue mock数据并通过axios获取数据

在build文件夹下找到webpack.dev.conf.js文件，在const portfinder = require('portfinder')后添加 [?][Link

ゝ一纸荒年。/ 2022年05月24日 01:29/ 0 赞/ 221 阅读

相关 Vue2.0之axios使用

一、功能在浏览器中发送 [XMLHttpRequests][] 请求在 node.js 中发送 [http][]请求支持 [Promise][]

落日映苍穹つ/ 2022年05月19日 04:17/ 0 赞/ 283 阅读

相关 vue axios

axios 简介 axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端，它本身具有以下特征： 1. 从浏览器中创建 XMLHttpR

落日映苍穹つ/ 2022年04月25日 08:50/ 0 赞/ 277 阅读

相关 vue-cli 3.0 axios 跨域请求

请先阅读[vue官方文档][vue] 创建个 vue.config.js 文件。请勿使用babel.config.js module.exports = {

深藏阁楼爱情的钟/ 2022年02月05日 10:19/ 0 赞/ 304 阅读

相关 Vue2.0 搭配 axios

1、安装axios $ npm install axios 2、Demo （1）Get // 为给定 ID 的 user 创建请求 axios.

傷城~/ 2022年01月09日 12:35/ 0 赞/ 324 阅读