Cloud9でvue-cliを動かしてはまった話

Vue.jsというものが良いというので、Cloud9上で動作させてみた。

参照したサイト
Vue.js を vue-cli を使ってシンプルにはじめてみる - Qiita

この記事通りに実行するも、service-worker.jsがインストールされないことが判明。
原因はよくわからないが、、、
(npm run startだとlocalhostがたつので、cloud9の公開用URLに変換する際になにかおきるのか?)

しかたないので、cloud9上のapacheの公開ディレクトリを変更することで対応。

vi /etc/apache2/sites-enabled/001-cloud9.conf で
DocumentRootを「hogehogehoge/workspace/my-project/dist」に変更した。

その後
sudo service apache2 restart

下記にアクセスすると無事にservice-worker.jsがインストールされた。
https://[projectname].c9users.io/index.html




しかし、上記ではいちいちnpm run buildしなければならず面倒。
開発中は、service-workerは使えないが、npm run devでサーバーを立てるのがよさそう。
このとき、下記アドレスにアクセスすれば表示される。
https://[projectname].c9users.io/index.html:8080