BackEndUrl 未定义

Question

我创建了一个插件，应该 post 一些数据到我的后端。我试图设置一些后端 url 配置。我用“console.log(...)”检查了插件中的 URl，正如您在我的代码中看到的那样（在 sendDataToBackEnd.js 中）。但我得到以下输出“未定义”。这是错误：“错误消息：无法读取属性 'backEndUrl' of null”

项目结构：

project1
   public
     backend-config.js
     faviocon.ico
     index.html
   src
     App.vue
     main.js
     config
       backEndUrlConfig.js
     plugin
       sendDataToBackEnd.js

因此我在文件夹“public”

中创建了后端-config.js

(function (window) {

    window._backendconfig = {
        urlBackend: `http://localhost:8090/api/auth/event`,
    }

}(this));

我的 config.js 看起来像这样：

export default { ...window._backendconfig }

我的插件“sendDataToBackEnd.js”看起来像这样：

import url from '../../config/backendURLconfig';

var backEndUrl = url.urlBackend;
console.log(backEndUrl)

const sendDatatoBackEnd = {}

sendDataToBackEnd.install = function (Vue){  
    {Method to send Data to my Backend}
}

export default sendDatatoBackEnd;

Answer 1

您在配置文件中混合使用全局范围 JS（在 window 上设置属性）与 sendDataToBackEnd.js 文件中的模块样式 JS（从模块导入和导出） ).

您要么需要从配置中导出一些东西（如果您使用的是模块，最好的选择），要么只是从 window.

访问它

backendURLconfig.js

const config = {
  urlBackend: `http://localhost:8090/api/auth/event`,
}

export default config

sendDataToBackEnd.js

import config from '../config/backendURLconfig';

var backEndUrl = config.urlBackend;

console.log(backEndUrl)

const sendDatatoBackEnd = {}

vuePlugin.install = function (Vue){  
    {Method to send Data to my Backend}
}

export default sendDatatoBackEnd;

BackEndUrl 未定义

BackEndUrl is undefined

javascript

undefined

vue.js