ElectronJS Vue Axios Basic Authentication Access-Control-Allow-Origin 错误答案

【问题标题】：ElectronJS Vue Axios Basic Authentication Access-Control-Allow-Origin errorElectronJS Vue Axios Basic Authentication Access-Control-Allow-Origin 错误
【发布时间】：2018-12-10 19:38:01
【问题描述】：

我一直在谷歌上搜索所有的互联网，但找不到解决问题的方法。我正在尝试使用 ElectronJS 制作一个应用程序，我需要发送一个带有身份验证基本标头的 HTTP 请求，但我无法让它工作。

这是我的代码：

export default {
    name: 'home',

    data: function() {
        return {token: ''}
    },

    methods: {
        fetchData() {

            this.$http({
                method: 'get',
                url: 'URL_TO_SERVER',

                auth: {
                    username: 'USERNAME',
                    password: 'PASSWORD'
                },
                headers: {
                    'Access-Control-Allow-Origin': '*',
                    credentials: 'same-origin',
                },
                withCredentials: true,
            }).then((response) => {
                console.log(response.data);
            }).catch((error) => {
                console.log('ERROR: '+ error.response.data);
            });
        }
    }
}

我收到以下错误：

XMLHttpRequest 无法加载 (URL_TO_SERVER)。对预检请求的响应未通过访问控制检查：请求的资源上不存在“Access-Control-Allow-Origin”标头。因此，Origin 'http://localhost:9080' 不允许访问。响应的 HTTP 状态代码为 401。

有人知道我下一步要解决什么问题吗？

如果我使用 REST 客户端执行相同的信息，它将返回正确的值，而不是在 ElectronJS 中

【问题讨论】：

标签： javascript vue.js cors electron axios

【解决方案1】：

将应用程序构建到 EXE 后，它可以工作，只是在 npm run dev 中不起作用。

【讨论】：