Vue axios发送Http请求

axios

　　1.cnpm install axios --save
　　2.在vue文件中引入，import Axios from 'axios'
　　3.使用，Axios.get(url).then((res)=>{}).catch((err)=>{})

<template><div id="app"><div v-html="htmlValue"></div></div>
</template><script>
import Axios from "axios";
export default {name: "app",data() {return {flag: true,htmlValue: ""};},methods: {getData() {Axios.post(`http://api2.cpf360.com/api/auth/login`).then(res => {console.log(res)this.htmlValue=res.data}).catch(err => {});}},mounted() {this.getData();}
};
</script><style lang="scss">
</style>

转载于:https://www.cnblogs.com/chenyishi/p/9160776.html

Vue axios发送Http请求相关推荐

Vue axios 发送 FormData 请求
一.简介 axios 默认是 Payload 格式数据请求,但有时候后端接收参数要求必须是 Form Data 格式的,所以我们就得进行转换. Payload 和 Form Data 的主要设置是根据 ...
vue axios 发送get请求传递参数给后端失败_Java之Vue插件之Axios
Java之Vue插件之Axios,环境安装: npm install --save axios vue-axios //安装axios Npm install //安装依赖在main.js中注册 i ...
Vue之axios发送Ajax请求
2.10 axios发送ajax请求 axios github 2.10.1 准备工程创建一个django工程,例如 login.创建完成之后,再创建一个子应用,例如users.最后再设置一下模板文 ...
promise的应用和在VUE中使用axios发送AJAX请求服务器
promise 用promise对函数封装: 原来的代码: <!DOCTYPE html> <html> <head><title>vue demo&l ...
解决vue axios跨域请求发送两次问题
解决vue axios跨域请求发送两次问题参考文章: (1)解决vue axios跨域请求发送两次问题 (2)https://www.cnblogs.com/wordblog/p/12171875. ...
使用rest_framework写api接口的一些注意事项(axios发送ajax请求)
1. 类继承GenericAPIView,定义queryset 印象深刻的事: 由于原来对于继承关系不太清楚,写接口 APIView/泛指GenericAPIView不太关注queryset 没有设置 ...
axios发送网络请求
网络模块封装选择什么网络模块传统的Ajax 缺点:配置和调用方式等非常混乱 jQuery-Ajax 缺点:在Vue整个开发中都是不需要使用jQuery的 axios axios 功能特点: 在浏览 ...
使用 axios 发送 http 请求
本文是我在学习过程中记录学习的点点滴滴,目的是为了学完之后巩固一下顺便也和大家分享一下,日后忘记了也可以方便快速的复习. 使用 axios 发送 http 请求实战前言一.axios 简介与安装及 ...
Vue——axios的post请求参数传不过去
写这篇文章的主要目的是记录一个问题: vue里面用axios发送post请求的时候看不到参数. Post请求代码: //请求方法 async funcInitTableData(parms){let ...

Vue axios发送Http请求

Vue axios发送Http请求相关推荐

最新文章

热门文章