Vue中如何使用axios及配置反向代理

尘生杜若丶

于 2019-01-16 09:59:42 发布

阅读量2.9k

点赞数 2

分类专栏： Vue 文章标签：反向代理 axios vue

本文链接：https://blog.youkuaiyun.com/weixin_43851769/article/details/86502723

版权

本文介绍了在Vue项目中如何使用axios，包括通过npm安装、在main.js中全局配置以及在组件中局部使用。同时，文章详细讲解了如何配置反向代理，以解决跨域问题，主要操作是在工程目录的config/index.js文件中进行设置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

axios
基于promise用于浏览器和node.js的http客户端

特点

支持浏览器和node.js
支持promise
能拦截请求和响应
能转换请求和响应数据
能取消请求
自动转换JSON数据
浏览器端支持防止CSRF(跨站请求伪造)

原文地址

第一步：安装
在要使用的项目中使用cmd进入命令行工具，输入下面指令：
$ npm install axios

第二步：配置
（全局）在项目main.js文件中

import axios from "axios"
Vue.prototype.axios = axios

（组件）在要使用的组件中

import axios from "axios"

这里要注意的是全局引入的情况下使用时是 this.$axios
之后就可以使用axios了，下面是例子

发起一个GET请求

// Make a request for a user with a given ID
axios.get('/user?ID=12345')
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {

最低0.47元/天解锁文章