首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

this.$http.get似乎不能工作vue-resource

this.$http.get 是 Vue.js 中使用的一种发送 HTTP 请求的方法,但是在较新的版本中已经被废弃。取而代之的是使用 axios 库来发送 HTTP 请求。

axios 是一个基于 Promise 的 HTTP 客户端,可以在浏览器和 Node.js 中使用。它具有以下特点:

  • 支持浏览器和 Node.js 环境
  • 提供了丰富的 API,可以发送各种类型的请求(GET、POST、PUT、DELETE 等)
  • 支持请求和响应的拦截器,可以在请求发送前和响应返回后进行一些处理
  • 提供了便捷的方法来处理请求的错误和超时
  • 支持取消请求等高级功能

在 Vue.js 中使用 axios 发送 GET 请求的示例代码如下:

代码语言:javascript
复制
import axios from 'axios';

axios.get('/api/data')
  .then(response => {
    // 请求成功时的处理
    console.log(response.data);
  })
  .catch(error => {
    // 请求失败时的处理
    console.error(error);
  });

对于 Vue.js 2.x 版本,可以通过在 main.js 中全局注册 axios,使其在组件中可以直接使用 this.$http.get 的方式发送请求:

代码语言:javascript
复制
import Vue from 'vue';
import axios from 'axios';

Vue.prototype.$http = axios;

new Vue({
  // ...
}).$mount('#app');

推荐的腾讯云相关产品是腾讯云 API 网关(API Gateway)。腾讯云 API 网关是一种托管的 API 服务,可以帮助开发者更轻松地构建、发布、运维和安全地管理 API。它具有以下优势:

  • 高可用性和弹性扩展:支持自动扩展和负载均衡,保证 API 的高可用性和性能。
  • 安全性:提供多种安全防护机制,包括访问控制、防重放攻击、防 SQL 注入等,保护 API 的安全性。
  • 监控和日志:提供实时监控和日志查询功能,方便开发者进行故障排查和性能优化。
  • 支持灰度发布和版本管理:可以灵活地控制 API 的发布和版本管理,方便进行功能迭代和回滚。

更多关于腾讯云 API 网关的信息和产品介绍可以参考腾讯云官方文档:腾讯云 API 网关

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Vue 03.vue-resource

vue-resource 发送请求 vue-resource GitHub文档 除了 vue-resource 之外,还可以使用 axios 的第三方包实现实现数据的请求 vue-resource 的配置...直接在页面中,通过script标签,引入 vue-resource 的脚本文件; 注意:引用的先后顺序是:先引用 Vue 的脚本文件,再引用 vue-resource 的脚本文件; 全局配置根路径及...emulateJSON 选项 // 如果通过全局配置请求的数据接口根域名,则在每次单独发起 http 请求的时候,请求的 url 路径,应该以相对路径开头,前面不能带/,否则不会启用根路径做拼接;...$http.get('http://vue.studyit.io/api/getlunbo').then(res => { console.log(res.body); }) } post请求...$http.get(url).then(res => { this.list = res.body.data }) },

54360
  • Vue 使用 vue-resource 配置全局API域名

    post 方法的第三个参数, { emulateJSON: true } 设置 提交的内容类型 为 普通表单数据格式 application/x-www-form-urlencoded this...$http.get('http://127.0.0.1:5000/get_list').then(function (result) { // 注意: 通过 $http 获取到的数据...5000/get_list 和 http://127.0.0.1:5000/del_list 那么这里就存在一个问题,如果这样的接口很多,如果api服务的地址需要变动,那么就需要逐个去修改,这样就很费工作量了...Vue-resource的配置文档说明 Github地址 https://github.com/pagekit/vue-resource ?...根路径URL地址 , 那么在写请求api地址的时候要写相对路径,例如:Vue.http.get('del_list') ,而不是写成绝对路径 Vue.http.get('/del_list'), 开头不能写上斜杠

    82030

    Vue 使用 vue-resource 配置全局API域名

    post 方法的第三个参数, { emulateJSON: true } 设置 提交的内容类型 为 普通表单数据格式 application/x-www-form-urlencoded this...$http.get('http://127.0.0.1:5000/get_list').then(function (result) { // 注意:通过 $http 获取到的数据...5000/get_list 和 http://127.0.0.1:5000/del_list 那么这里就存在一个问题,如果这样的接口很多,如果api服务的地址需要变动,那么就需要逐个去修改,这样就很费工作量了...Vue-resource的配置文档说明 Github地址 https://github.com/pagekit/vue-resource 配置说明文档 https://github.com/pagekit...URL地址」 , 那么在写请求api地址的时候要写「相对路径」,例如:Vue.http.get('del_list') ,而不是写成绝对路径 Vue.http.get('/del_list'), 开头不能写上斜杠

    47920

    vue基础(三)

    的配置步骤: 直接在页面中,通过script标签,引入 vue-resource 的脚本文件; 注意:引用的先后顺序是:先引用 Vue 的脚本文件,再引用 vue-resource 的脚本文件; 发送...由于已经导入了 Vue-resource这个包,所以 ,可以直接通过 this.$http 来发起数据请求 2....根据接口API文档,知道,获取列表的时候,应该发起一个 get 请求 3. this.$http.get('url').then(function(result){}) 4..../div> // 如果我们通过全局配置了,请求的数据接口 根域名,则 ,在每次单独发起 http 请求的时候,请求的 url 路径,应该以相对路径开头,前面不能带...由于已经导入了 Vue-resource这个包,所以 ,可以直接通过 this.$http 来发起数据请求 // 2.

    56330
    领券