【Mac】MAMP のドキュメントルートを「htdocs」から変更したい

参考にしたサイトの情報は良いのですが、httpd-vhosts.confにどう設定したか書いた方がいいと思います(UserName部分は消して)。

MAMPのポートは80に変更していますか？
MAMPを使ってローカル環境を複数作ってみる - hostsを書き換えて任意のドメインでアクセスするよ｜MAMPのApache Portを変更する

デスクトップをドキュメントルートにしている理由はありますか？

私はデストップにデータを置かない主義なので、ちょっと試してみました。
少し調べてみたところ、セキュリティの関係でアクセスできない場所があるようです。

参考：MAMPでポート80でDocumentsがルートだとアクセスできない

MAMPの初期設定におけるドキュメントルートは

DocumentRoot "/Applications/MAMP/htdocs/"

この場所以外で使用できるのは、ユーザフォルダの直下があります。
今回の場合は下記のように変更すれば、意図通り起動できると思います。

DocumentRoot "/Users/[AccountName]/workspace"

質問いただいた件ですが、今回の件とは関係ありません。
「作業」というのは、サイト制作や開発を指しています。
しようもない事故や勘違いを起こさないために決めている私の手順です。

運用中のドメインを使ってローカル環境を立てた場合、hostsの情報をそのままにしておくと、公開されているサイトを見に行きません。

Webサイトを表示するには、DNSサーバからドメインのIPアドレスが返ってくる必要がありますが、hostsを書き換えた端末では、hostsの設定が優先されるため、公開中のサイトを表示せずにhostsで設定されたIPを見に行きます。
変更したことを忘れたままにしておくと、本番にSFTPでデータをアップしたり、デプロイしているのに更新が反映されないという勘違いを起こすことがあります。

原因としては相当しようもなくつまらないので、そういう凡ミスを防ぐために、書き換えを行ったら元に戻す事を習慣にしています。

自主学習の場合、仮のドメインを使ったり、変更先のIPアドレス172.0.0.1は自分自身なのでピンとこないかもしれませんが、リプレイス案件等では、開発中に公開中とは別のIPアドレス(新サーバ)をhostsに設定する事も良くあります。

最後になりますが、『system01.com』や『work.com』はあなたが所有するドメインですか？
『work.com』を叩くと、ある企業に転送されるようです。

テスト用に使えるドメイン『example.com』を使用された方が良いと思います。

この記事を確認いただけるとわかりますが、事故防止のためです。