Monaca Cloud EDIを使ってローカル開発環境へAjax通信したい

Question

前提・実現したいこと

Monaca Cloud EDIを使ってアプリ開発をしています。
外部サーバーへのAjax通信は成功したのですが、どうにも仮想マシンへはAjax通信できません。

そもそもMonaca Cloud EDIを使ってアプリ開発をする際、
ローカル開発環境に構築した仮想マシンへAjax通信することは可能なのでしょうか？

Monaca LocalkitやMonaca CLIの概要には「Monaca アプリ向けのローカル環境用の開発ツールです」とあるので、
これらのどちらかを使わない限り不可能なのでしょうか...？

初歩的な問題ですが混乱しております。
ご回答のほどよろしくお願い致します。

該当のソースコード

    $.ajax( {
    	url: "仮想マシンに置いてあるPHPファイルのパス",
    	type: 'post',
    	data: {
    		test: "test",
    	},
    } ).then(
    	function( data ) {
    		alert( "成功" );
    	},
    	function( xhr, textStatus, errorThrown ) {
    		alert( "失敗" );
    	}
    );

エラーメッセージ

Mixed Content: The page at '<URL>' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint '<URL>'. This request has been blocked; the content must be served over HTTPS.

Answer 1

エラーメッセージの意味を調べてみました？

ajaxのurl端折り過ぎるので推測ですがhttpでアクセスしてます？

スマホから書いているので未確認ですがmonacaのIDEのアドレスはhttpsだったと思います。
で、ローカル環境にhttpで繋ぎに行っているならがいとうのエラーが出るんでは？

Comments

[uhoho_buhihi]

仰るとおりhttpでアクセスしていました。
httpsでアクセスし直しエラーが出たものの、
chromeに「保護されていない通信」を許可(？)したところ通信が成功しました。
アドバイスありがとうございました。エラーログはきちんと読むようにいたします。。。