Question

我一直在搜索所有的互连网，但找不到解决问题的方法。我正在尝试使用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”标头。因此，不允许访问来源“ http://localhost:9080”。响应的HTTP状态代码为401。

有人知道我下一步要解决这个问题吗？

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

Answer 1

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

ElectronJS Vue Axios基本身份验证访问控制-允许-起源错误

1 个答案: