自分流

なんちゃってエンジニアによる自分用メモ

サーバー

Dockerでvue ui(ポート指定メモ)

投稿日:

最近Vue.jsをしています。楽しいですよね!

Dockerで開発環境を作ってそこで開発することにしているんですが、ポート指定等でハマったんでメモ。

 

DockerにNode入れるところはググれば情報いっぱいあるので割愛

サンプル程度にファイルを置いときます。

Dockerfile

 

docker-compose.yml

docker-compose.ymlでは二つのポートを用意しときます。

 

ターミナル等で上記を用意したフォルダに移動したら

dockerを立ち上げて

 

コンテナに入って

 

vue uiというコマンドを打ちたいところだけど、vue uiをポート指定で実行します

 

これでホストマシンから
http://localhost:9050

でvue uiに接続できます。

 

そしたらvue ui でプロジェクト作ったりなんかして、サーバーを立ち上げるわけですが、そこでも設定が。

プロジェクトタスクを開いて、serverを選択

パラメータボタンを押します

 

ここで、

  • ホストの指定で0.0.0.0
  • ポートの指定でdocker-compose.ymlで用意したポート(ここでは9000)を指定

これでOK

保存したら「タスクの実行」でサーバーを起動しましょう。

 

 

環境構築はなんだかんだハマりますね。

よいVue.jsライフを!

-サーバー
-, ,


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

FileZillaでファイルアップロード(Mac)

サーバにファイルをアップロードしたくなるケースは絶対あります。FTPが一般的ですが、SSHを利用してのアップロードもできるようです。 ちょっと設定が必要ですが、便利ですのでしちゃいましょう。 ちなみに …

サーバ構築(5) 各種設定

前回までで必要なソフトのインストールが完了しました。 今回はインストールした各種ソフトの設定をしていきます。   目次1 ファイアウォール設定2 MariaDBのユーザ作成3 Nginxの設 …

WinSCPでファイルをアップロード(Windows)

サーバにファイルをアップロードしたくなるケースは絶対あります。FTPが一般的ですが、SSHを利用してのアップロードもできるようです。 ちょっと設定が必要ですが、便利ですのでしちゃいましょう。 &nbs …

サーバー構築(1) 箱の用意

そうだブログを作ろう! 人生5度目ぐらいのブログ作成を思い立ちました。 用意されているブログツールを使うのではなく、せっかくだから勉強もかねて構築してみよう。 インフラ初心者なので、手探りで作っていき …

MacのターミナルでSSHキーを作成する方法(Mac)

SSHキーを作成します。 Macの場合はターミナルからコマンドで作成します。   私のMac OS X El Captian バージョン10.11.6 自分の環境はちょっと古いですが、そう変 …

Top