axios进行跨域连接后端

前端

接上一遍博客,安装axios

$ npm install axios

使用axios

axiosInstance .js

import axios from 'axios'

//创建一个axios实例
const axiosInstance = axios.create({
   
    baseURL: 'http://localhost:8888/',
    timeout: 10000,
});


// 添加请求拦截器
axiosInstance .interceptors.request.use(config =>{
   
    // 在发送请求之前做些什么
    return config;
}, error =>  {
   
    // 对请求错误做些什么
    return Promise.reject(error);
});

// 添加响应拦截器
axiosInstance .interceptors.response.use(function (response) {
   
    // 2xx 范围内的状态码都会触发该函数。
    // 对响应数据做点什么
    return response;
}, function (error) {
   
    // 超出 2xx 范围的状态码都会触发该函数。
    // 对响应错误做点什么
    return Promise.reject(error);
});

export  default  axiosInstance

user.js

import axiosInstance from "./axiosInstance"

//引用axios实例
export  function login(username,password) {
   
     return axiosInstance.post('login', {
   
        username: username,
        password: password
    })
}

我们需要存后端传来的token
使用vuex 和 localStorage进行配合使用

token.js 工具

let token ={
   
    set(token){
   
        localStorage.setItem("token",token)