axios.create()

淩亂°似流年 2023-06-17 09:59 1阅读 0赞

<!DOCTYPE html>
    <html lang="en">
    
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>axios.create()</title>
    </head>
    
    <body>
        
    </body>
    <script src="https://cdn.bootcss.com/axios/0.19.0/axios.min.js"></script>
    <script>
    
        //使用axios发请求
        axios.defaults.baseURL = 'http://localhost:3000'
        axios({
            url: '/posts'
        })
        //-------------------------------------------------------------------------------
    
        //创建一个新的axios
        const instance = axios.create({
            baseURL: 'http://localhost:3000'
        });
    
        //使用instance发请求
        //方式一
        instance({
            url: '/posts'
        })
        //方式二
        instance.get('/posts')
    
        /*
        那么问题来了，直接使用axios就可以发送请求了，我为什么还要再创建axios：
        假如同一个项目，你要从不同的url地址来请求接口怎么办？
            url地址1：http://localhost:3000
            url地址2：http://localhost:3002
            url地址3：http://localhost:3003
        这个时候你创建多个不同的axios，是不是就可以轻松解决。
        */
    
    
    </script>
    
    </html>

axios.create()

发表评论取消回复

还没有评论，来说两句吧...

相关阅读