vue-cli项目中使用axios/vant

最新推荐文章于 2024-08-12 03:53:31 发布

yanghongyan001

最新推荐文章于 2024-08-12 03:53:31 发布

阅读量965

点赞数 1

本文链接：https://blog.csdn.net/yanghongyan001/article/details/104513506

版权

本文详细介绍了在Vue CLI项目中如何安装和使用axios进行数据请求，解决跨域问题，并集成Vant组件库实现轮播图功能。首先，通过npm安装axios并配置到main.js文件。接着，配置vue.config.js解决跨域问题。然后，介绍Vant的安装和在main.js中的引入，特别展示了如何利用Vant实现轮播图效果。同时，提供了获取日期的代码示例。

摘要由CSDN通过智能技术生成

1.下载安装

执行下载命令：npm  i  axios  -S  /  npm  install  axios  --save-dev

查看是否安装成功：
package.json里
在这里插入图片描述
main.js里引入

在这里插入图片描述
index.vue页面data外面接接口

mounted:function(){
   
	  this.axios.get("http://news-at.zhihu.com/api/4/news/latest").then(res=>{
   
			this.conList=res.data.stories;
			this.swiperList=res.data.top_stories;
	  });
		this.axios.get("http://news-at.zhihu.com/api/4/news/before/20131119").then(res=>{
   
		this.histroy=res.data.stories;
		});
	}