【laravel5.1】ajax通信時にクロスドメインに引っかかってしまう

Question

##わからないこと
いつもお世話になっております。
この度ajax通信でデータを飛ばそうとしたのですが、クロスドメインに引っかかって困っております。
通信時に処理を行うactionをhttpではなくhttpsで行わせるためには、どのように修正すればよいでしょうか？

<label style="padding-top: 10px; margin-bottom: 10px;" id="open-cv-sp" class="bt-photo01 ui-bt-nomal ui-opaimg">
<span id="mobtext" style="font-size: 16px;font-weight:bold;">写真で送る</span>
</label>

$("#open-cv-sp").on("click", function(){
                $("#addCvSp").dialog({
                    title: "登録",
                    width: 372,
                    modal: true,
                    buttons: [
                        {
                            text: '送付する',
                            id: 'yes-sending',
                            click: function() {
                                $("#addCvSp").dialog('close');
                            }
                        },
                        {
                            text: 'キャンセル',
                            id: 'no-sending',
                            click: function() {
                                $("#addCvSp").dialog('close');
                                $('#mobtext').text('写真で送る');
                                $.ajax({
                                    url: "{{action('PortalController@cancelFileUpload')}}",
                                    type: 'POST',
                                    dataType: 'html',
                                    data: {
                                        'book': 'cv',
                                        'id': "{!!$input['id']!!}",
                                    },
                                    timeout: 10000,
                                })
                                .done(function(res){
                                    console.log(res);
                                })
                                .fail(function(jqXHR, statusText, errorThrown){
                                    alert('削除に失敗しました。');
                                });
                            }
                        }
                    ],
                    open: function() {
                        //ダイアログオープン後中央寄せ
                        dialogCentering();
                        // closeのボタンは消す
                        $(".ui-dialog-titlebar-close").hide();
                        cvDialogContent();
                    }
                })
            });

上記のコードのうち、「url: "{{action('PortalController@cancelFileUpload')}}"」にてエラーが発生します。

ご教授いただければ幸いです。

何卒よろしくお願い申し上げます。

Answer 1

通信時に処理を行うactionをhttpではなくhttpsで行わせるためには、どのように修正すればよいでしょうか？

サイト全体をHTTPSにする、というのがいちばん適切な選択肢かと思います。