axios

axios安装 

npm install --save axios

或者

封装axios 

//对于axios进行二次封装
import axios from "axios";

//创建axios实例
let requests = axios.create({
  //基础路径
  baseURL: "localhost:8000/",
  //请求不能超过5S
  timeout: 5000,
});
 
//请求拦截器（可以在请求发出去之前，做一些事情）
requests.interceptors.request.use((config) => {
  return config;
});
 

//响应拦截器（在数据返回之后，做一些事情）
requests.interceptors.response.use(
  (res) => {
    //响应成功
    if（res.code == 401）{
        return "xxxx";
    }
    return res.data;
  },
   // 响应失败
  (err) => {
      return "请求失败"
  }
);
export default requests;

配置接口

//引入二次封装的axios
import requests from "./axios";  

export const login = (params)=>requests({url:'/user/login ',method:'post',data:params});

 配置代理服务器

在vue.config.js中添加以下代码 

const { defineConfig } = require('@vue/cli-service')

module.exports = defineConfig({
  transpileDependencies: true,
  lintOnSave: false,
  devServer: {  //配置代理服务器
    proxy: {
        "/local": {
            target: "http://xxx.xxx.xxx.xxx",
        },
    },
},
})

完成调用

// vuex 中的actions
​actions：{
    login(){
        requests({url:'/user/login '+data,method:'get'}).then(res=>{
            if(res.code==200){
                   console.log("xxxx");
            }
        }})
    }
}