第十章:vue2中axios请求服务端数据
来源:互联网 发布:通达信软件编程 编辑:程序博客网 时间:2024/06/07 02:57
中文文档
一、关于axios
的安装
- 1、利用
npm
安装npm install axios --save
- 2、利用
bower
安装bower install axios --save
- 3、直接利用
cdn
引入<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
二、关于get
请求数据
1、直接请求数据
axios.get('/static/data.json').then(res=>{ console.log(res); ....}).catch(error=>console.log(error));
2、带参数的请求方式
axios.get('/static/data.json',{params:{id:123}}).then(res=>{ console.log(res); ....}).catch(error=>console.log(error));
二、关于post
请求数据
1、直接请求
axios.post('/user', { firstName: 'Fred', lastName: 'Flintstone'}).then(function (response) { console.log(response);}).catch(function (error) { console.log(error);});
三、vue-cli
构建项目中利用axios
请求数据处理跨域的问题
- 1、
vue-cli
构建项目 2、服务器数据接口
'use strict';const express = require("express");const app = express();let obj = { info:'success', code:200, booknames:[ {id:0,bookname:'三国演义',author:'罗贯中'}, {id:1,bookname:'水浒传',author:'施耐庵'}, {id:2,bookname:'西游记',author:'吴承恩'}, {id:3,bookname:'红楼梦',author:'曹雪芹'}, ]};app.get('/',(req, res) => { res.json(obj);})app.get('/book',(req, res) => { res.json(obj);})app.listen(3000);
3、设置代理(在
config->index.js
)中// 配置代理 proxyTable: { '/api':{ // api为匹配项 target:'http://localhost:3000/', // 设置代理目标 changeOrigin: true, pathRewrite: { // 重写路径 '^/api': '/' } }},
4、请求数据
import axios from 'axios';export default { name: 'app', mounted(){ axios.get('/api/book').then(res=>{ console.log('第一条数据:',res); }) axios.get('/api').then(res=>{ console.log('第二条数据:',res); }) }}
阅读全文
2 0
- 第十章:vue2中axios请求服务端数据
- vue2.0数据请求之axios
- vue2中使用axios http请求出现的问题解决
- vue2.0中Ajax库(axios)
- vue2.0中Ajax库(axios)
- vue2整个项目中,数据请求显示loading图
- vue2整个项目中,数据请求显示loading图
- vue2+vuex+axios
- vue2 axios的使用
- Vue2的axios
- vue2.0之axios
- Vue项目之Axios数据请求
- Vue项目之Axios数据请求
- Android请求服务端数据
- Axios数据请求post与node进行传参,node中处理json
- 详讲:vue2+vuex+axios
- vue2+axios 增删改查
- Android中post请求传递json数据给服务端
- JS数据类型、类型转换
- Java架构师必看的10本书
- turn.js学习手册
- POJ 2352 Stars (线段树)
- 虚拟内存
- 第十章:vue2中axios请求服务端数据
- 四海八荒,就是上神也需要电脑维修
- 【c++】友元关系和子类函数构造函数的写法
- Hdu 6148 Valley Numer 数位DP
- 10个Eclipse珍藏插件推荐
- 树莓派3 搭建bt下载机---利用 transmission-daemon
- php中获取主机名、协议及IP地址的方法 及mysql 1024错误解决
- Spring import配置文件使用占位符
- JavaScript常用字符串处理函数【属性+方法】