VueCLIとMAMPの環境で同じセッションを共有したい。またはローカルサーバーを共有したい。

Question

前提・実現したいこと

vuecliとMAMPを使った開発環境について質問させていただきたいです。
現在、vuecliとMAMPを使って、アプリケーションを開発中です。

PHPファイルのログイン画面からデータベースで照合をかけて、ログインが成功すれば、
情報をセッションに保存して、vuecli環境で作成したページで取得したいと思っています。。

vuecliで開発中のvueファイルをプレビューするときは、「npm run serve」でローカルサーバーを立ち上げます。
ローカルホストは「**http://localhost:8080/**」になります。

phpファイルをプレビューするときはMAMPでローカルサーバーを立ち上げてます。
ローカルホストは「**http://localhost:8888/**」になります。

それぞれ別々にサーバーが立ち上がっているため、セッションの共有ができません。
こういった場合の開発の手法として、ローカルサーバーを共有する方法か、セッション情報を共有する方法を教えていただきたいです。

現在のディレクトリ構造は下記のようになっています。
ややこしくて申し訳ありませんが、よろしくお願いいたします。

ディレクトリ構造

MAMP
	└ htdocs
		└dev
			└php
				└login.php
			
			└dist
			└node_modules
			└package.json
			└src
				└＜各vueファイル＞

Answer 1

nuxtだと@nuxt/proxyでやるのですが・・・

VueCLIだとこの辺でできないでしょうか？

devServer.proxy

それぞれ別々にサーバーが立ち上がっているため、セッションの共有ができません。

※この設定でうまく行った場合でもセッションは共有されません。セッションは維持できます。（セッションの中身が見れるのはPHPだけと言う意味です）