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

Posted 2023-02-22

【中文标题】ElectronJS Vue Axios Basic Authentication Access-Control-Allow-Origin 错误

【英文标题】：ElectronJS Vue Axios Basic Authentication Access-Control-Allow-Origin error

【发布时间】：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 中

【参考方案1】：

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