vue2和php前后分离跨域,关于 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 协议》，转载必须注明作者和本文链接