Question

我在前端运行有角度的应用程序，在后端运行细长的应用程序，但是当在浏览器中点击api网址时，它不能正常运行，而在邮递员中，可以正常运行，谢谢！

注意

我一直在堆栈溢出中关注所有相关帖子，但是仍然我没有任何解决办法

undefined

Answer 1

简单地说，您的后端需要使用Allow-Origin标头进行响应，以便您的预检（OPTIONS请求）通过并且服务器允许CORS。因此，您的后端应该发送Access-Control-Allow-Origin: <domain>, ... | *

有关使用slim实现此方法的方法，请查看here

Answer 2

如果您使用的是nodejs而不是将此代码放入文件中

                        {{Form::open(array('route' => array('pages.store')))}}
                        @method('POST')
                        @csrf
                        <div class="row">
                            <div class="col-md-12">
                                {{ Form::label('title', 'Title:') }}
                                {{ Form::text('title', null, array('class' => 'form-control '.($errors->has('title') ? ' is-invalid' : ''),'required')) }}
                                @if ($errors->has('title'))
                                    <small class="text-danger" role="alert">
                                        <strong>{{ $errors->first('title') }}</strong>
                                    </small>
                                @endif
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                {{ Form::label('identifier', 'Identifier:') }}
                                {{ Form::text('identifier', null, array('class' => 'form-control '.($errors->has('identifier') ? ' is-invalid' : ''),'required')) }}
                                @if ($errors->has('identifier'))
                                    <small class="text-danger" role="alert">
                                        <strong>{{ $errors->first('identifier') }}</strong>
                                    </small>
                                @endif
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                {{ Form::label('content', 'Content:') }}
                                {{ Form::textarea('content', null, array('class' => 'form-control '.($errors->has('content') ? ' is-invalid' : ''),'required')) }}
                                @if ($errors->has('content'))
                                    <small class="text-danger" role="alert">
                                        <strong>{{ $errors->first('content') }}</strong>
                                    </small>
                                @endif
                            </div>
                        </div>
                        <br />
                        <button type="submit" class="btn btn-primary">Add</button>
                        {{Form::close()}}

}）;

受CORS政策的限制Angular and Slim

2 个答案: