XSERVERでVue Cliのウェブページを表示したい

Question

Vue Cliで作ったウェブページをXSERVERを使って表示したいのですがエラー?が出ます。

UdemyでVue.jsについて学習し、Vue Cliを用いてウェブサイトを作ろうと思っています。
バックエンドの学習不足で支離滅裂なことを言ってるかもしれませんが、ご助言いただけると幸いです。

OSはMacです。
よろしくお願いいたします。

これまでの経緯

1. Vue Cli, Node.jsをローカル環境にインストール（バージョンは Vue.js: 3.9.3, Node.js: 10.16.0, npm: 6.9.0）
2. ローカル環境での表示をChromeで確認（ファイルはインストール時のまま）
3. XSERVERで秘密鍵を設定し、SSH接続を行う
4. ターミナルを使用し、XSERVERにNode.jsとVue.jsをインストール（バージョンは経緯1と同じ）
5. XSERVERのファイル「（ドメイン名）」直下の「public_html」に、経緯2で確認したファイルをアップロード
6. Chromeでドメイン名のURLを打ち込んだところ、403エラーが表示される
7. 検証ツールのコンソールを確認したところ、「× GET https://(ドメイン名)/favicon.ico 404」とエラー?が出ている。

解決のために行なったこと

ネットで検索したところブラウザが原因という意見があったので、以下のように行うが表示は変わらず。

• Safariでページを開く
• Chromeの拡張機能を全部オフにして開く

Answer 1

知識不足で恥ずかしいですが、色々調べていたら解決しました。

1. ターミナルで「npm run build」する
2. ビルドでできたフォルダ「dist」直下のファイルたち（index.htmlなど）を、XSERVERの「public_html」にアップロード

でいいんですね・・・。
ビルドが何なのかもよく分からないので、その辺りの勉強もしていきます。