引入axios

    <script crossorigin="anonymous" src="https://cdn.bootcdn.net/ajax/libs/axios/1.3.6/axios.js"></script>

以下是axios的GET请求格式：

<script>
    // 1、配置 baseURL
    axios.defaults.baseURL = 'http://127.0.0.1:8000';
    // 2、get请求格式
    axios.get(
        // 完整的请求路径等于baseURL+url以下路径
        '/server',
        {
            // GET请求参数:params
            params: {
                id: 100,
                name: 'cuyg',
            },
            // 请求头信息
            headers: {
                name: 'CUYG',
                age: '23'
            }
        }).then(value => {
            console.log(value);
        })
</script>

以下是axios的POST请求格式：

<script>
    // 1、配置 baseURL
    axios.defaults.baseURL = 'http://127.0.0.1:8000';
    // 2、get请求格式
    axios.post(
        // 完整的请求路径等于baseURL+url以下路径
        '/server',
        // POST请求参数与url同级
        {
            username: 'admin',
            password: 'admin'
        },
        {
            // 请求头信息
            headers: {
                name: 'CUYG',
                age: '23'
            }
        }).then(value => {
            console.log(value);
        })
</script>

注意：params中的键值对数据是拼接在url上,无论是post还是get请求。

axios