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

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

新規登録して質問してみよう
ただいま回答率
85.48%
Vue.js

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

Nuxt.js

Nuxt.jsは、ユニバーサルなSPAが開発可能なVue.jsベースのフレームワーク。UIの描画サポートに特化しており、SSRにおけるサーバーサイドとクライアントサイドのUIレンダリングなどさまざまな機能を持ちます。

Vagrant

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

Laravel 5

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

Azure

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

Q&A

0回答

2278閲覧

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

nbi

総合スコア8

Vue.js

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

Nuxt.js

Nuxt.jsは、ユニバーサルなSPAが開発可能なVue.jsベースのフレームワーク。UIの描画サポートに特化しており、SSRにおけるサーバーサイドとクライアントサイドのUIレンダリングなどさまざまな機能を持ちます。

Vagrant

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

Laravel 5

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

Azure

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

0グッド

2クリップ

投稿2018/05/10 00:07

編集2018/05/10 18:33

[追記 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

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

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

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

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

会員登録して回答してみよう

アカウントをお持ちの方は

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

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問