javascript - 当我发出 get 请求时请求方法选项

Question

我在 VueJs 中遇到问题。当我尝试设置 header (我将在其中发送 JWT token )时，开发人员工具始终显示该请求是选项。我正在检查documentation据我所知，这是正确的实现方式，那么我缺少什么？

getCurrentUser() {
    let token = this.$jwt.getToken();
    if (token) {
        let jwtPayloadDecoder = require('jwt-payload-decoder');
        let payload = jwtPayloadDecoder.getPayload(token);
        this.$http.get(this.$apiUrl + `rest/api/public/User/user/` + payload.id_user, {
            headers: {
                'jwtToken': token,
            }
        })
        .then((response) => {
            if (response.statusText === 'OK') {
                flash('Got user', 'success');
            }
        })
        .catch(e => {
            flash('Something is wrong. Please try again later.', 'error');
        });
    } else this.$router.push('/');
},

这就是我在 chrome 开发者工具中看到的内容

我的应用程序httpd.conf

<IfModule mod_headers.c>
    Header set Access-Control-Allow-Origin: *
</IfModule>

如果您需要任何其他信息，请告诉我，我会提供。谢谢!

Answer 1

浏览器使用 OPTIONS 方法发送预检请求，但您的网络服务器似乎拒绝了该请求。如果您使用 200 和来自服务器的正确访问控制 header 响应 OPTIONS 调用，它应该随后发送正确的请求。

查看预检请求:https://developer.mozilla.org/en-US/docs/Glossary/Preflight_request和 CORS 一般了解更多信息。