代码之家  ›  专栏  ›  技术社区  ›  Pranav Mandlik

访问控制允许原点的标题在Angular Laravel应用程序上存在错误

  •  -2
  • Pranav Mandlik  · 技术社区  · 6 年前

    我编写了简单的代码,将angular作为前端,laravel作为后端。我的控制器中有如下代码:

    后控制程序.php

    public function store(Request $request)
    {
       Post::create([
            'post_name'=>$request->post_name,
            'post_text'=>$request->post_text,
    
        ]);
        return response()->json(['msg'=>'Post Created','success'=>true]);
    }
    

    在routes.php文件中,我有:

    Route::group([
        'middleware' => ['cors'],
    ], function ($router) {
         //Add you routes here, for example:
    Route::resource('post','API\PostController');  
    });
    

    在角柱服务。

    addPost(data) {
          const headers = new HttpHeaders({
            'Accept': 'application/json',
            'Content-Type':'application/json'
          });
          let postdata={
            'post_name':data['post_name'],
            'post_text':data['post_text']
          };
          console.log(postdata);
          return this.http.post('http://192.168.1.100/crud/api/post',postdata,{ headers: headers });
      }
    

    在执行之后,我得到了一个错误,比如:

    加载失败 http://192.168.1.100/crud/api/post :对飞行前请求的响应未通过访问控制检查:请求的资源上不存在“访问控制允许来源”头。起源 http://localhost:4200 因此不允许访问。

    2 回复  |  直到 6 年前
        1
  •  0
  •   Manoj Kumar    6 年前

    这可能是由于,

    1. 您的请求已被服务器拒绝。(如果是这样,则必须在服务器端启用跨源站)
    2. 您的请求有一些问题。

    与你的场景尝试有关, 经过 Access-Control-Allow-Origin: * 在JSON中的Content-Type旁边,检查服务器配置。

        2
  •  0
  •   Pranav Mandlik    6 年前

    通过添加chrome扩展来解决这个问题 Moesif源站和CORS转换器