Vue.js 无法读取属性全局变量Vuejs

我的文件结构如下：

在

main.js

中，我声明了一个全局变量api\u url：

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'

Vue.config.productionTip = false
Vue.use(Vuelidate)
Vue.prototype.$api_url = 'https://api.url/v1/'

new Vue({
  router,
  store,
  render: (h) => h(App),
}).$mount('#app')

在

AuthServices.js

中，我尝试读取全局变量

import axios from 'axios'

const apiUsers = axios.create({
  baseURL: this.$api_url,
  headers: {
    Accept: 'application/json',
    'Content-Type': 'application/json',
  },
  timeout: 10000,
})

应用程序崩溃，并显示以下消息：

---

我将感谢您提供的任何帮助。

此。$api\u url

仅适用于vue组件，其中该组件链接到vue参考。 您可以在

main.js

上导出Vue应用程序，然后在

AuthServices.js

上导入它，以获取对$api\u url的引用

---

创建环境变量然后在两个文件上使用更简单，请参见：

此。$api\u url

仅适用于vue组件，其中该组件链接到vue引用。 您可以在

main.js

上导出Vue应用程序，然后在

AuthServices.js

上导入它，以获取对$api\u url的引用

---

创建环境变量然后在这两个文件上使用更简单，请参见：

您将

$api\u url

分配给

Vue

，但请尝试从

此

读取它？对不起，我是Vue js新手，我不太理解您的问题，您的意思是什么，但请尝试从，感谢您的快速回复您将

$api_url

分配给

Vue

，但请尝试从

中阅读此

？对不起，我是Vue js的新手，我不太理解您的问题，您的意思是什么，但请尝试从中阅读，谢谢您的快速回复

AuthServices.js?3d37:5 Uncaught TypeError: Cannot read property '$api_url' of undefined
    at eval (AuthServices.js?3d37:5)
    at Module../src/services/AuthServices.js (app.js:1733)