Axios

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import axios from 'axios'
import VueAxios from 'vue-axios'

const app = createApp(App)

app.use(VueAxios, axios).use(router) 
//然而只是这样全局并不能用;
app.provide('axios', app.config.globalProperties.axios) 
//这句不写, 组件里无法注入全局axios, 也就无法使用

app.mount('#app')

import axios from "axios";  //要导入安装的包，则直接填写包名即可
//创建实例
const httptool = axios.create({
    baseURL: 'http://127.0.0.1:8000/',//请求的公共路径，一般填写服务器api地址
    timeout: 1000,                          //最大请求超时时间，请求超过这个时间就报错
    headers: {'X-Custom-Header': 'foobar'}  //预设的请求头，一般工作当中这里填写隐藏了客户端身份字段
});
export default httptool;

//get、delete、head、options	用法参数一致
axios.get('url地址',{		//url地址如果没有加上协议，则axios会自动根据实例化的baseURL参数自动拼接。
    parms:{
    	"":"",	//键值对，查询字符串 地址栏?号后面信息
    },
    header:{
    	"":"",	//键值对，自定义请求头	
    }

}).then({response=>{
         //请求成功时，可以通过response.data来获取服务端的请求体数据
        }}).catch(error=>{
    //异常发生时会自动调用这里的代码，同时第一个参数表示异常对象
	//error.response;/获取来自服务端的异常信息，如果服务端没有异常，则response的值为undefind
})
//post,put,patch	用法参数一致
axios.get('url地址',{
 		"":"",	//键值对，请求体数据
    },{ 
    header:{
    	"":"",	//键值对，自定义请求头	
    }}
   
).then({response=>{
         //请求成功时，可以通过response.data来获取服务端的请求体数据
        }}).catch(error=>{
    //异常发生时会自动调用这里的代码，同时第一个参数表示异常对象
	//error.response;/获取来自服务端的异常信息，如果服务端没有异常，则response的值为undefind
})

127.0.0.1/:1  Access to XMLHttpRequest at 'http://127.0.0.1:8000/sers/gensetview/' from origin 'http://127.0.0.1:8080' has been blocked by CORS policy: Request header field x-custom-header is not allowed by Access-Control-Allow-Headers in preflight response.

// Add a request interceptor
axios.interceptors.request.use(function (config) {
    // Do something before request is sent
    return config;
  }, function (error) {
    // Do something with request error
    return Promise.reject(error);
  });

// Add a response interceptor
axios.interceptors.response.use(function (response) {
    // Any status code that lie within the range of 2xx cause this function to trigger
    // Do something with response data
    return response;
  }, function (error) {
    // Any status codes that falls outside the range of 2xx cause this function to trigger
    // Do something with response error
    return Promise.reject(error);
  });

import axios from "axios";  //要导入安装的包，则直接填写包名即可
//创建实例
const httptool = axios.create({
    baseURL: 'http://127.0.0.1:8000/',//请求的公共路径，一般填写服务器api地址
    timeout: 1000,                          //最大请求超时时间，请求超过这个时间就报错
    headers: {'X-Custom-Header': 'foobar'}  //预设的请求头，一般工作当中这里填写隐藏了客户端身份字段
});
// 添加请求拦截器
httptool.interceptors.request.use(function (config) {
    // Do something before request is sent
    console.log('config')
    console.log(config)
    console.log("Http请求之前")
    return config;
}, function (error) {
    // Do something with request error
    console.log("Http请求错误")
    return Promise.reject(error);
});

// 添加响应拦截器
httptool.interceptors.response.use(function (response) {
    // Any status code that lie within the range of 2xx cause this function to trigger
    // Do something with response data
    console.log('response') 
    console.log(response)
    console.log("Http响应之前")
    return response;
}, function (error) {
    // Any status codes that falls outside the range of 2xx cause this function to trigger
    // Do something with response error
    console.log("Http响应错误")
    return Promise.reject(error);
});

export default httptool;