vue 动态数据请求
Posted Christeen
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue 动态数据请求相关的知识,希望对你有一定的参考价值。
写在前面的话:
很多时候,页面的数据是从前端向后端发起请求获取的,下面是最近用的方法:
1. axios: 详细的用法参考: axios中文说明 或者 英文的说明
注明:axios不支持jsonp(https://github.com/mzabriskie/axios/blob/master/COOKBOOK.md#jsonp),所以要用jsonp的话,请参照下边的第二种jsonp请求方式。
1)npm 安装
npm install axios --save
2)在需要用到请求的页面引入axios
import axios from ‘axios‘
3)在需要用到请求的页面写下如下js
axios.get(‘yourPath‘) .then(function (response) { console.log(response); }) .catch(function (error) { console.log(error); });
2. jsonp: github地址
1)npm 安装 jsonp
npm install jsonp --save
2)在需要用到请求的页面写下如下js
var jsonp = require(‘jsonp‘); jsonp(‘yourPath‘, null, function (err, data) { if (err) { console.error(err.message); } else { console.log(data); } });
以上是关于vue 动态数据请求的主要内容,如果未能解决你的问题,请参考以下文章
VSCode自定义代码片段14——Vue的axios网络请求封装
前端Vue项目:旅游App-city:标签页Tabs动态数据:网络请求axios与request数据管理store与pinia各种封装