前端vue2与后端接口的简单联调步骤

第一步

在控制台上安装axios  npm i axios

在main.js里写

import axios from "axios";

Vue.prototype.$axios = axios;

第二

打开Element - The world's most popular Vue UI framework

在控制台上安装npm i element-ui -S

在main.js里写

import ElementUI from 'element-ui';

import 'element-ui/lib/theme-chalk/index.css';

Vue.use(ElementUI);

第三步

创建俩个包 utlis 和api（不确定谁便起）再在包里创文件夹 request.js  impus.js

第四步

在 request.js把axios调过来

import axios from "axios";
const request = axios.create({
    baseURL:"http://localhost:8083",
    timeout:5000
})

request.interceptors.request.use(
    (request) => {
        // let token = localStorage.getItem('token')
        // if (token) {
        //     console.log(request.headers);
        //     // 请求头携带token
        //     request.headers.Authorization = token;
        // }
        return request;
    },
    (error) => {
        Promise.reject(error);
    }
);
// 响应拦截器
// request.interceptors.response.use(
//     (response) => {
//         return response.data
//     },
//     (error) => {
//         Promise.reject(error);
//     }
// );
export default request;

baseURL:"http://localhost:8083",自己后端的端口号

 timeout:5000后端传给前端的时间

第五</