关于 vue Laravel5.5 前后段分离式开发接口跨域问题请教

laravel5.5

    首次接触laravel很想写点什么学习,购买了laravel web入门之后开始学习接触这个框架,做分离式开发,
    !后端简单业务逻辑已经完成但是前端vue接口请求一直报错跨域问题,
    **找遍度娘发现都引用扩展laravel-cors对应的配置都已经完成配置但是vue接口请求还是报错跨域**!
    首次接触这个框架还请各位大神不吝赐教!话不多说贴图上来:

    ## app.php 文件
    `   /*
     * Application Service Providers...
     */
    App\Providers\AppServiceProvider::class,
    App\Providers\AuthServiceProvider::class,
    // App\Providers\BroadcastServiceProvider::class,
    App\Providers\EventServiceProvider::class,
    App\Providers\RouteServiceProvider::class,
    Barryvdh\Cors\ServiceProvider::class,

`

##Knernl.php文件
    `protected $middleware = [
    \Illuminate\Foundation\Http\Middleware\CheckForMaintenanceMode::class,
    \Illuminate\Foundation\Http\Middleware\ValidatePostSize::class,
    \App\Http\Middleware\TrimStrings::class,
    \Illuminate\Foundation\Http\Middleware\ConvertEmptyStringsToNull::class,
    \App\Http\Middleware\TrustProxies::class,
    \Barryvdh\Cors\HandleCors::class,
];`

## cors.php文件
`return [

/*
|--------------------------------------------------------------------------
| Laravel CORS
|--------------------------------------------------------------------------
|
| allowedOrigins, allowedHeaders and allowedMethods can be set to array('*')
| to accept any value.
|
*/

'supportsCredentials' => false,
'allowedOrigins' => ['*'],
'allowedOriginsPatterns' => [],
'allowedHeaders' => ['*'],
'allowedMethods' => ['*'],
'exposedHeaders' => [],
'maxAge' => 0,

];
`

以前使用的tp框架哎都是从核心加载层直接设置跨域请求配置,目前才接触这个框架所以还望解答谢谢!

本作品采用《CC 协议》,转载必须注明作者和本文链接
《L03 构架 API 服务器》
你将学到如 RESTFul 设计风格、PostMan 的使用、OAuth 流程,JWT 概念及使用 和 API 开发相关的进阶知识。
《L02 从零构建论坛系统》
以构建论坛项目 LaraBBS 为线索,展开对 Laravel 框架的全面学习。应用程序架构思路贴近 Laravel 框架的设计哲学。
讨论数量: 7
GDDD

反正这个包我遇到坑了的。劝你不要用了,自己定义个允许跨域的中间件就完事了。没必要用这个包,虽说他做了同样的事情。

5年前 评论

我也遇到这个问题,把第二项 'allowedOrigins' => [''],换成'allowedOrigins' => [‘localhost’],也就是要换成明确的域名,要加端口,不能用通配符!具体原因我没有去查,想来扒一下源码,应该就知道了!

5年前 评论

@GDDD 这个问题 我昨晚写着写着又好了,确实这个第三方包感觉有点问题,我找着找着问题就没有了!我都惊讶了!!! 谢谢您的解答!

5年前 评论

@dreamfish 好的,这边修改一下看看 谢谢呢!

5年前 评论
sunxyw

我记得axios也要配置跨域的吧,似乎-?

5年前 评论

@sunxyw 是的 axios在支持垮域也要我们后端请求支持的

5年前 评论

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!