Vue引入axios

Vue引入axios

Scroll Down

前言

Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。

特征

  • 从浏览器中创建 XMLHttpRequests
  • 从 node.js 创建 http 请求
  • 支持 Promise API
  • 拦截请求和响应
  • 转换请求数据和响应数据
  • 取消请求
  • 自动转换 JSON 数据
  • 客户端支持防御 XSRF

安装

$ npm install axios

在main.js中引入

import axios from 'axios'

配置跨域

在src下面新建vue.config.js文件
写入代码如下

module.exports = {
    publicPath: './',//发布路径
    lintOnSave: false,//是否开启eslint效验
    devServer: {
        proxy:{ // 配置代理,解决跨域请求后台数据问题
            '/api' :{
                target: 'http://127.0.0.1:8089', //后台端口
                ws: true, //是否跨域
                changeOrigin: true,
                pathRewrite: {
                    '^/api': '/'
                }
            }
        }
   }
}

调用示例

axios.get("/api/findall")
”/api“即为vue.config.js配置文件的target的值