vue中用axios以及使用虚拟数据

import axios from 'axios'Vue.prototype.$ajax = axios;得到具体哪一条信息created(){ this.$ajax.get('http://jsonplaceholder.typicode.com/posts/'+this.id).then(resp=>{ // console.log(resp.data)...
摘要由CSDN通过智能技术生成
import axios from 'axios'

Vue.prototype.$ajax = axios;

jsonplaceholder网站可以提供虚拟数据,如果类型报错,打印出来去console看json的具体结构,比如console.log(resp.data);
得到具体哪一条信息:

created(){
    this.$ajax.get('http://jsonplaceholder.typicode.com/posts/'+this.id).then(resp=>{
        // console.log(resp.data);
        this.msg = resp.data;
    },function(){

    })
  }

注意要用箭头函数!!
要加参数的话:

import qs from 'qs'
Vue.prototype.$qs = qs;
   this.$ajax.get('网址',this.$qs.stringify({
        name:"ads"
        })
   ).then(resp=>{
  
        this.msg = resp.data;
    },function(){

    })

也可在本地创json来看效果:
如果说json文件404 NOT Found,不要放在子文件夹目录下,Vue-cli3参考下图放的地方,如果是Vue-cli2就放在static下面。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue使用axios进行登录验证的过程如下: 1. 首先,确保你已经在项目中安装了axios。如果没有安装,可以使用以下命令进行安装: ``` npm install axios ``` 2. 在需要进行登录验证的组件中,导入axios: ```javascript import axios from 'axios'; ``` 3. 在登录方法中使用axios发送登录请求: ```javascript methods: { login() { // 构建登录请求的参数 const params = { username: this.username, password: this.password }; // 发送登录请求 axios.post('/api/login', params) .then(response => { // 登录成功,处理响应数据 console.log(response.data); // 保存登录状态,例如将token保存在localStorage中 localStorage.setItem('token', response.data.token); }) .catch(error => { // 登录失败,处理错误信息 console.error(error); }); } } ``` 上述代码中,我们使用axios的`post`方法发送一个POST请求到`/api/login`接口,并传递登录参数。然后根据服务器返回的响应进行相应的处理。 4. 在其他需要验证登录状态的请求中,可以在请求头中添加token信息: ```javascript axios.get('/api/data', { headers: { Authorization: 'Bearer ' + localStorage.getItem('token') } }) .then(response => { // 处理响应数据 console.log(response.data); }) .catch(error => { // 处理错误信息 console.error(error); }); ``` 上述代码中,我们在请求头中添加了一个名为"Authorization"的字段,值为"Bearer "加上之前保存的token。这样服务器在接收到请求时就可以验证token的有效性,从而进行相应的操作。 注意:以上代码仅为示例,实际应用中需要根据具体情况进行调整。另外,为了保证安全性,可以考虑在服务端进行token的生成和验证。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值