HBuilder中vue使用ajax和axios

1:第一种

使用 jQuery

1:随便找个路径进入jquery

HBuilder中vue使用ajax和axios

 

这里我引入到了public

2:main,js中引进它

import $ from '../public/jquery-3.4.1.min.js'

HBuilder中vue使用ajax和axios

 

2:第二种

使用axios

为什么用?

HBuilder中vue使用ajax和axios

 

安装插件axios

1:配置vue内部文件

win+x +a启动超级管理员

输入 Set-ExecutionPolicy RemoteSigned

开启安装权限

HBuilder中vue使用ajax和axios

 

输入y (同意)

再输入 npm install -g @vue/cli

等待安装

2:打开hbuilder里的终端输入 vue ui

HBuilder中vue使用ajax和axios

 

出现小火箭标志表示安装成功

将自动进入调试页面

HBuilder中vue使用ajax和axios

 

右上角添加插件

添加axios插件

3:main.js中引进它

axios.defaults.withCredentials = true;

HBuilder中vue使用ajax和axios

 

4:使用方式

axios({        
  url:'http://127.0.0.1:8080/login',  //这里写你要发请求的服务器url
  params:{//专门针对get请求的参数拼接,如果是post请求用 
  data:{}
    type:'',
    page:
  }
}).then(res => {
  console.log(res);    //在控制台查看请求的数据
})

跟ajax用法相似,但更简洁(其实它里面封的就是ajax)

具体怎么使用,下次更新,

晚安各位 =。=

上一篇:jQuery 使用 AJAX解决跨域问题jQuery 使用 AJAX解决跨域问题


下一篇:剑指offer 数组专题 刷题记录(3)