2017-08-17 9 views
0

私は最近、インターネットにデプロイしたいVueアプリケーションの作成を終了しました。しかし、私はノードを使用してnpm run devを実行しているプロジェクトを開くことしかできません。 index.htmlファイルをダブルクリックすると、空白のページが表示されます。ブラウザが私のVueアプリケーションをレンダリングできるようにウェブサイトをどのように配備すればよいですか?vue cli webpackを使ってVueアプリをデプロイする方法

+1

[Vueアプリのデプロイ方法](https://stackoverflow.com/questions/42936588/how-to-deploy-vue-app) – Bert

答えて

2

vue-cliを使用してプロジェクトを生成した場合、npm run buildを実行して、縮小された単一の.jsファイルを取得できるはずです。

はこちらをご覧ください:http://vuejs-templates.github.io/webpack/commands.html

これはindex.htmlbuild.jsであなたにdistフォルダを与えるだろう。あなたはhtmlファイルを開いてあなたのアプリを見ることができるはずです。

+0

私はnpmを実行して実行し、distフォルダを取得しました。 distフォルダ内には、index.htmlファイルと静的フォルダがあります。しかし、index.htmlをクリックすると、まだ私のアプリケーションではなく空白のページが表示されます。 –

+1

ビルドプロセスは、これらのファイルがhttpサーバーによって提供されることを意味しています。 –

+0

ファイルへのパスが1つのバックスラッシュでオフになっていたため、ページが空白になりました。 –

関連する問題