码迷,mamicode.com
首页 > Web开发 > 详细

vue之ajax

时间:2019-11-24 17:38:09      阅读:83      评论:0      收藏:0      [点我收藏+]

标签:忽略   完成   实现   src   第三方   前言   resource   第三方模块   div   

【前言】

    Vue里发送AJAX有很多工具可以供开发者使用

①浏览器自带的fetch函数
②vue之前推荐的vue-resource第三方模块
③vue官方目前强力推荐的axios第三方模块

    axios可以实现跨平台数据请求

 

【主体】

(1)安装axios

npm i axios --save

(2)引入并使用

技术图片

 

 技术图片

 

 

 

【数据模拟】

(1)将静态文件json文件放到static文件夹下,因为项目运行过程中,只有static文件可以直接读取(本地开发的模拟数据)

技术图片

 

(2)忽略上传设置.gitignore

  在上传git库时不希望将模拟数据也提交上去,所以需要修改.gitignore文件

   技术图片

   此时便不会提交到线上仓库,也不会被提交至本地仓库。。。 。。。

 (3)配置开发环境下的api数据模拟接口路径

  技术图片

 

   配置完成后重启项目

 

 

 

 

 

 

 

.

vue之ajax

标签:忽略   完成   实现   src   第三方   前言   resource   第三方模块   div   

原文地址:https://www.cnblogs.com/jianxian/p/11923032.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!