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

Question

我一直在搜寻所有的互连网，而我只是找不到解决问题的方法。我正在尝试使用ElectronJS创建一个应用程序，我需要发送带有身份验证基本 header 的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 cannot load (URL_TO_SERVER). Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:9080' is therefore not allowed access. The response had HTTP status code 401.

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

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

Answer 1

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