要使其能插值,您可以将userInfo函数返回一个Promise对象,并在调用userInfo函数后使用.then方法来获取返回的数据。然后,您可以在.then方法中访问返回的数据并进行插值操作。

以下是修改后的代码示例:

const userInfo = () => {
    return new Promise((resolve, reject) => {
        const token = localStorage.getItem("token");

        axios.get('http://nn.nncoding.icu:8080/api/user/info', {
            headers: {
                token: token
            }
        }).then((response) => {
            const userData = {
                username: response.data.data.username,
                email: response.data.data.email,
                phone: response.data.data.phone,
                headUrl: response.data.data.headUrl,
                title: response.data.data.title
            };
            resolve(userData);
        }).catch((error) => {
            reject(error);
        });
    });
}

userInfo().then((userData) => {
    // 在这里进行插值操作
    console.log(userData.username);
    console.log(userData.email);
    console.log(userData.phone);
    console.log(userData.headUrl);
    console.log(userData.title);
}).catch((error) => {
    console.error(error);
});

在.then方法中,您可以访问返回的userData对象,并对其属性进行插值操作

const userInfo = = const token = localStoragegetItemtoken; axiosgethttpnnnncodingicu8080apiuserinfo headers token token thenresponse = return

原文地址: https://www.cveoy.top/t/topic/h95a 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录