vue.jsは、npm run serveすればとりあえず作成したものを表示してくれます。
しかし、開発環境によっては、ビルドして指定のディレクトリにおかないと外部との接続ができないことがあるので、ビルドして確認したいときってありませんか？？
でも、ちょっと変えただけなのに、npm run buildしてできたdistディレクトリの中身を、わざわざ別なところに毎回移動しなきゃいけないのって手間ですよね。
そんなときは、シンボリックリンクを作ってやるとうまくいきます。
公開しているディレクトリに直接ファイルを置くのではなく、そのディレクトリからリンクを貼ってやって、他のディレクトリにおいてあるファイルを読み込むという形です。
例えば公開しているディレクトリが/var/www/html/nginx/publish/website、
開発に使用しているディレクトリが/home/oogaki/dev/websiteだとすると、
これまではビルドしてできた/home/oogaki/dev/website/dist内のファイルを、/var/www/html/nginx/publish/websiteにコピーしていました。
しかし/var/www/html/nginx/publish/websiteディレクトリを削除して、以下のようにすると手間がなくなります。
cd /var/www/html/nginx/publish/
ln -s /home/oogaki/dev/website/dist website
これで、/var/www/html/nginx/publish/websiteで読み込まれる内容が/home/oogaki/dev/website/distの中身になってくれます。
lnコマンドを使用していますが、指定の仕方は、
ln -s リンク先のパス リンク名
という形です。
そもそもnginxなどサーバー設定で読み込むディレクトリを変えてしまうというのも一つの手ですが、サーバー設定はいじりたくないという時にはシンボリックリンクを使うと便利という話でした。