Laravel 和 Vuejs 的跨域资源共享 (CORS)答案

【问题标题】：Cross-Origin Resource Sharing (CORS) witth Laravel and VuejsLaravel 和 Vuejs 的跨域资源共享 (CORS)
【发布时间】：2022-05-02 14:23:33
【问题描述】：

我在后端有这个链接backend.com 和前端frontend.com

我想为除我的前端之外的所有人锁定我的 API 后端！

我的cors.php

<?php

return [
    'paths' => ['api/*'],

    'allowed_methods' => ['*'],

    'allowed_origins' => ['*'],

    'allowed_origins_patterns' => [],

    'allowed_headers' => ['*'],

    'exposed_headers' => [],

    'max_age' => 0,

    'supports_credentials' => false,
];

【问题讨论】：

到目前为止你尝试过什么？标题是不言自明的
@JosefKorbel 我将我的域放在allowed_origins 中，但不起作用并在控制台中显示错误信息！
后端服务器是否以正确的 cors 标头响应？
@JosefKorbel 是的！这就是我问的原因！
@JosefKorbel 我这样说 'allowed_methods' => ['frontend.com'],

标签： php laravel vue.js

【解决方案1】：

您可以在默认全局配置、全局主 js 文件或使用 axios 调用的地方添加此行：

axios.defaults.headers.common['Access-Control-Allow-Origin'] = 'frontend.com';

【讨论】：