Vue.js Axios没有';当与electron捆绑在一起时,似乎无法正常工作,如何使用electron对已编译的exe进行故障排除?

Vue.js Axios没有';当与electron捆绑在一起时,似乎无法正常工作,如何使用electron对已编译的exe进行故障排除?,vue.js,vuejs2,electron,vue-cli,Vue.js,Vuejs2,Electron,Vue Cli,我创建了一个VUE JS应用程序,它使用新闻api端点: import axios from "axios"; let baseURL = `https://newsapi.org/v2`; let apiKey = process.env.VUE_APP_APIKEY; const instance = axios.create({ baseURL: baseURL, timeout: 30000, headers: { "

我创建了一个VUE JS应用程序,它使用新闻api端点:

import axios from "axios";
let baseURL = `https://newsapi.org/v2`;
let apiKey = process.env.VUE_APP_APIKEY;
const instance = axios.create({
    baseURL: baseURL,
    timeout: 30000,
    headers: {
        "X-Api-Key": apiKey,
    },
});
export default instance;
运行
npm run-electron:service
时,它与检索数据的api一起工作

但当我用npm run electron:build编译它时,它会编译,但看起来axios调用不再有效。我已经尝试删除环境变量并将它们直接添加到测试中,但仍然不起作用。如何使用electron对内置exe进行故障排除

mypackage.json中的相关位如下所示:

  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint",
    "electron:build": "vue-cli-service electron:build",
    "electron:serve": "vue-cli-service electron:serve",
    "postinstall": "electron-builder install-app-deps",
    "postuninstall": "electron-builder install-app-deps"
  },
  "main": "background.js",
  "dependencies": {
    "axios": "^0.21.1",
    "core-js": "^3.6.5",
    "vue": "^2.6.11",
    "vue-router": "^3.2.0",
    "vuex": "^3.6.2"
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "~4.5.0",
    "@vue/cli-plugin-eslint": "~4.5.0",
    "@vue/cli-plugin-router": "^4.5.12",
    "@vue/cli-service": "~4.5.0",
    "babel-eslint": "^10.1.0",
    "electron": "^11.0.0",
    "electron-devtools-installer": "^3.1.0",
    "eslint": "^6.7.2",
    "eslint-plugin-vue": "^6.2.2",
    "vue-cli-plugin-electron-builder": "~2.0.0-rc.6",
    "vue-template-compiler": "^2.6.11"
  },

对于任何想知道的人,为了诊断,我下载了一个名为HTTP Toolkit的应用程序,它可以连接到electron应用程序,并允许您查看发送的HTTP请求

在这种情况下,API请求是从app://发送的,这导致CORS出现问题,这就是它停止工作的原因。Localhost很好,这就是为什么它在服务上工作而不是构建