Php Axios:Vuejs出现网络错误
我正在从localhost:8080(前端)到localhost:8000(后端)进行axios调用 前端使用vue、webpack和node编写,后端使用lumen laravel框架编写 这就是电话:Php Axios:Vuejs出现网络错误,php,node.js,laravel,webpack,vue.js,Php,Node.js,Laravel,Webpack,Vue.js,我正在从localhost:8080(前端)到localhost:8000(后端)进行axios调用 前端使用vue、webpack和node编写,后端使用lumen laravel框架编写 这就是电话: mounted() { axios.get('localhost:8000/getParentela').then((r) => { console.log(r.data); this.albero = r.data;
mounted() {
axios.get('localhost:8000/getParentela').then((r) => {
console.log(r.data);
this.albero = r.data;
}).catch((e) => {
console.log(e);
});
},
调用返回的错误为:
我想可能是因为CORS,所以我在后端安装了一个中间件
就是这样:
<?php
namespace App\Http\Middleware;
use Closure;
use Illuminate\Http\Response;
class CORSMiddleware
{
/**
* Handle an incoming request.
*
* @param \Illuminate\Http\Request $request
* @param \Closure $next
*
* @return mixed
*/
public function handle($request, Closure $next)
{
// TODO: Should check whether route has been registered
if ($this->isPreflightRequest($request)) {
$response = $this->createEmptyResponse();
} else {
$response = $next($request);
}
return $this->addCorsHeaders($request, $response);
}
/**
* Determine if request is a preflight request.
*
* @param \Illuminate\Http\Request $request
*
* @return bool
*/
protected function isPreflightRequest($request)
{
return $request->isMethod('OPTIONS');
}
/**
* Create empty response for preflight request.
*
* @return \Illuminate\Http\Response
*/
protected function createEmptyResponse()
{
return new Response(null, 204);
}
/**
* Add CORS headers.
*
* @param \Illuminate\Http\Request $request
* @param \Illuminate\Http\Response $response
*/
protected function addCorsHeaders($request, $response)
{
foreach ([
'Access-Control-Allow-Origin' => '* ',
'Access-Control-Max-Age' => (60 * 60 * 24),
'Access-Control-Allow-Headers' => $request->header('Access-Control-Request-Headers'),
'Access-Control-Allow-Methods' => $request->header('Access-Control-Request-Methods')
?: 'GET, HEAD, POST, PUT, PATCH, DELETE, OPTIONS',
'Access-Control-Allow-Credentials' => 'true',
] as $header => $value) {
$response->header($header, $value);
}
return $response;
}
}
尝试将http://
添加到axios callnope…没有任何变化您会遇到网络错误
,这可能意味着网络超时或internet薄弱。如果它是CORS错误,那么它将被指定为soI有一个良好的互联网…我读了其他线程,他们说,这可能意味着甚至是一个CORS错误…顺便说一句,它是本地主机,所以互联网与它无关,无论我重新启动所有,这是因为http://...Thanks