main.js?56d7:19 Uncaught TypeError: Cannot read property ‘globalProperties‘ of undefined

代码如下
main.js

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'

// 全局配置
import http from '@/api/config.js'

createApp(App).use(ElementPlus).use(store).use(router).mount('#app')

app.config.globalProperties.$http = 'http'

api/config.js

import axios from 'axios'

// 创建axios实例
const service = axios.create({
    // 请求超时时间
    timeout:3000,
})

// 请求拦截器
service.interceptors.request.use(
    config =>{
        return config
    },
    err =>{
        console.log(err);
    }
)

service.interceptors.response.use(
    response =>{
    let res = {}
    res.status = response.status
    res.data = response.data
    return res
},
    err => console.log(err)
)
export default service

解决1

app.config.globalProperties.$http = 'http' 改成createApp(App).config.globalProperties.$http = 'http'

解决2
创建实例

const app = createApp(App);
app..config.globalProperties.$http = 'http';

本人采用的是第二种