質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

90.35%

  • Laravel 5

    2072questions

    Laravel 5は、PHPフレームワークLaravelの最新バージョンで、2014年11月に発表予定です。ディレクトリ構造がが現行版より大幅に変更されるほか、メソッドインジェクションやFormRequestの利用が可能になります。

  • Vagrant

    1251questions

    Vagrantは、VirtualBox上の仮想マシンを コマンドラインから作成してくれるソフトウェアです。 ビルド環境など容易に構築が可能です。

  • Vue.js

    836questions

    Vue.jsは、Webアプリケーションのインターフェースを構築するためのオープンソースJavaScriptフレームワークです。

  • Azure

    230questions

    Azureは、マイクロソフトのクラウド プラットフォームで、旧称は Windows Azureです。PaaSとIaaSを組み合わせることで、 コンピューティング・ストレージ・データ・ネットワーキング・アプリケーションなど多くの機能を持ちます。

  • Nuxt.js

    80questions

Laravel + Nuxt.js(Vagrant + Homestead)の開発環境からAzureのWeb Appにデプロイしたい

受付中

回答 0

投稿 編集

  • 評価
  • クリップ 1
  • VIEW 503

nbi

score 2

[追記 2018/05/11]
下記エラーはライブラリの差によるものだったみたいで、「Web App」ではなく「Web App on Linux」を利用することで解消されました。
しかしデプロイ完了後にhttps://[app名].azurewebsites.netにアクセスするも、You don't have permission to access / on this server.と403が返ってきてしまいます。
こちら、原因など検討つきましたらご教授いただけないでしょうか。


 前提・実現したいこと

VirtualBox + Vagrant + Homestead
Laravel + Nuxt.js
で開発したものをAzureのWeb Appにのせたいと思っています。

 発生している問題

開発環境のほうはGitHubで管理しているので、Azure側のデプロイオプションでGitHub連携の設定をし、デプロイを試みたのですが以下のようなエラーが出ます。

Command: "D:\home\site\deployments\tools\deploy.cmd"
Handling node.js deployment.
KuduSync.NET from: 'D:\home\site\repository' to: 'D:\home\site\wwwroot'
Copying file: 'nuxt.config.js'
Copying file: 'package.json'
Copying file: 'yarn.lock'
Copying file: '.nuxt\App.js'
Copying file: '.nuxt\router.js'
Copying file: 'resources\nuxt\layouts\default.vue'
Copying file: 'resources\nuxt\pages\index.vue'
Copying file: 'resources\nuxt\pages\mypage\mailaddress.vue'
Copying file: 'resources\nuxt\pages\mypage\phone.vue'
Copying file: 'resources\nuxt\pages\request\index.vue'
Copying file: 'resources\nuxt\pages\signup\mail.vue'
Copying file: 'resources\nuxt\pages\signup\phone.vue'
Copying file: 'resources\nuxt\static\favicon.ico'
Copying file: 'resources\nuxt\static\favicon_nuxt.ico'
Start script "./node_modules/nuxt/bin/nuxt start" from package.json is not found.
Missing server.js/app.js files, web.config is not generated
Looking for app.js/server.js under site root.
The package.json file does not specify node.js engine version constraints.
The node.js application will run with the default node.js version 0.10.40.
Selected npm version 1.4.28
npm WARN engine nuxt@1.4.0: wanted: {"node":">=8.0.0","npm":">=5.0.0"} (current: {"node":"0.10.40","npm":"1.4.28"})
npm ERR! 404 Not Found
npm ERR! 404 
npm ERR! 404 'nuxtjs/youch' is not in the npm registry.
npm ERR! 404 You should bug the author to publish it
npm ERR! 404 It was specified as a dependency of 'nuxt'
npm ERR! 404 
npm ERR! 404 Note that you can also install from a
npm ERR! 404 tarball, folder, or http url, or git url.

npm ERR! System Windows_NT 6.2.9200
npm ERR! command "D:\\Program Files (x86)\\nodejs\\0.10.40\\node.exe" "D:\\Program Files (x86)\\npm\\1.4.28\\node_modules\\npm\\bin\\npm-cli.js" "install" "--production"
npm ERR! cwd D:\home\site\wwwroot
npm ERR! node -v v0.10.40
npm ERR! npm -v 1.4.28
npm ERR! code E404
Failed exitCode=1, command="D:\Program Files (x86)\nodejs\0.10.40\node.exe" "D:\Program Files (x86)\npm\1.4.28\node_modules\npm\bin\npm-cli.js" install --production
An error has occurred during web site deployment.
npm
Missing server.js/app.js files, web.config is not generated\r\nnpm WARN engine nuxt@1.4.0: wanted: {"node":">=8.0.0","npm":">=5.0.0"} (current: {"node":"0.10.40","npm":"1.4.28"})\r\nnpm ERR! 404 Not Found\r\nnpm ERR! 404 \r\nnpm ERR! 404 'nuxtjs/youch' is not in the npm registry.\r\nnpm ERR! 404 You should bug the author to publish it\r\nnpm ERR! 404 It was specified as a dependency of 'nuxt'\r\nnpm ERR! 404 \r\nnpm ERR! 404 Note that you can also install from a\r\nnpm ERR! 404 tarball, folder, or http url, or git url.\r\n\r\nnpm ERR! System Windows_NT 6.2.9200\r\nnpm ERR! command "D:\\Program Files (x86)\\nodejs\\0.10.40\\node.exe" "D:\\Program Files (x86)\\npm\\1.4.28\\node_modules\\npm\\bin\\npm-cli.js" "install" "--production"\r\nnpm ERR! cwd D:\home\site\wwwroot\r\nnpm ERR! node -v v0.10.40\r\nnpm ERR! npm -v 1.4.28\r\nnpm ERR! code E404\r\nnpm\r\nD:\Program Files (x86)\SiteExtensions\Kudu\73.10504.3390\bin\Scripts\starter.cmd "D:\home\site\deployments\tools\deploy.cmd"

 試したこと

Deployment failed in Azure · Issue #733 · nuxt/nuxt.js

こちらにに書かれているように、package.jsonの"scripts":{}のコマンド記述の部分は変更してみましたが上記のエラーが出たままの状態です。

他に原因など検討がつきましたら、ご教授いただけますと幸いです。

 補足情報

Vagrant:2.0.3
VirtualBox:5.1.10
ゲストOS:Ubuntu 18.04
ホストOS:macOS High Sierra 10.13.4
yarn:1.6.0
vue-cli:2.9.3
nuxt:^1.0.0
Laravel:5.6.20
Azure:Web App + MySQL

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

まだ回答がついていません

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 90.35%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

同じタグがついた質問を見る

  • Laravel 5

    2072questions

    Laravel 5は、PHPフレームワークLaravelの最新バージョンで、2014年11月に発表予定です。ディレクトリ構造がが現行版より大幅に変更されるほか、メソッドインジェクションやFormRequestの利用が可能になります。

  • Vagrant

    1251questions

    Vagrantは、VirtualBox上の仮想マシンを コマンドラインから作成してくれるソフトウェアです。 ビルド環境など容易に構築が可能です。

  • Vue.js

    836questions

    Vue.jsは、Webアプリケーションのインターフェースを構築するためのオープンソースJavaScriptフレームワークです。

  • Azure

    230questions

    Azureは、マイクロソフトのクラウド プラットフォームで、旧称は Windows Azureです。PaaSとIaaSを組み合わせることで、 コンピューティング・ストレージ・データ・ネットワーキング・アプリケーションなど多くの機能を持ちます。

  • Nuxt.js

    80questions