自分流

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

サーバー

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

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

関連記事

サーバ構築(6) WordPressインストール

前回でPHPが動くまで設定が完了しました。 ようやく土台が完成しました。 満を持してWordPressをインストールしましょう。 長かったサーバ構築も今回で終了です!     目次 …

WinSCPでSSHキーを作成する方法(Windows)

SSHキーを作成します。 Windowsの場合は何かしらツールをインストールして作成します。 この後WinSCPを使う予定なので、WinSCPで作ってしまいましょう。   WinSCPのイン …

サーバ構築(4) インストール

前回までで接続とアップロードができるようになりました。 今回からWordPressブログの構築準備です。 WordPressを動かすのに必要な各種ミドルウェアをインストールしていきます。 第一回で検討 …

サーバー構築(2) ユーザ追加

前回箱を用意しました。 (ConoHaでCentOS7のサーバーをたてました) OSインストール時点でスーパーユーザ「root」がいますが、そのまま使うのは何かと危険なので、今回はユーザを作成していき …

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

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

Top