私は最近、インターネットにデプロイしたいVueアプリケーションの作成を終了しました。しかし、私はノードを使用してnpm run devを実行しているプロジェクトを開くことしかできません。 index.htmlファイルをダブルクリックすると、空白のページが表示されます。ブラウザが私のVueアプリケーションをレンダリングできるようにウェブサイトをどのように配備すればよいですか?vue cli webpackを使ってVueアプリをデプロイする方法
答えて
vue-cliを使用してプロジェクトを生成した場合、npm run build
を実行して、縮小された単一の.jsファイルを取得できるはずです。
はこちらをご覧ください:http://vuejs-templates.github.io/webpack/commands.html
これはindex.html
とbuild.js
であなたにdist
フォルダを与えるだろう。あなたはhtmlファイルを開いてあなたのアプリを見ることができるはずです。
私はnpmを実行して実行し、distフォルダを取得しました。 distフォルダ内には、index.htmlファイルと静的フォルダがあります。しかし、index.htmlをクリックすると、まだ私のアプリケーションではなく空白のページが表示されます。 –
ビルドプロセスは、これらのファイルがhttpサーバーによって提供されることを意味しています。 –
ファイルへのパスが1つのバックスラッシュでオフになっていたため、ページが空白になりました。 –
- 1. Vue Cli Webpack Proxy
- 2. 使用フォント-素晴らしいVUE-CLIで作成VueのアプリでのWebPACK
- 3. Vue Cli WebpackバックグラウンドURLパスの問題
- 4. カントVUE-CLIでGET './MongoDB' とのWebPACK
- 5. vue cliプロジェクトのindex.htmlにNavbar vueコンポーネントを使用するには?
- 6. Vue cli on android
- 7. webpackでrequirejsを使用してjsファイルを生成する方法vue-cliを使用します
- 8. VueルータWebpackドットでParams
- 9. vue-resourceをvue-routerインスタンスで使用する方法は?
- 10. vue-cliでESLintを無効にする方法は?
- 11. Webpackを使用してVueコンポーネントをインポートする
- 12. Vue 2のVue Routerの使い方
- 13. Vueを使ってデータを渡す
- 14. Vue 2.0 + npmパッケージのwebpack使用コンポーネント
- 15. vue-cliとwebpackを使ってビルドした後、cssとjsファイルを読み込めませんか?
- 16. VueコンポーネントをVueコンポーネントにインポートする方法
- 17. Vue-RouterでVueでURLクエリパラメータを設定する方法
- 18. ブートストラップタブはVueのアプリ
- 19. Vue.js + Webpack + vue-loader + bootstrap-sass + sass-loader
- 20. vue-cliを使用して別のバックエンドサーバーへのプロキシ要求
- 21. Laravel + elixir + webpack + vue + hot module reloadの使い方は?
- 22. Electron + Vue(SPA)を使用してイベントを処理する方法
- 23. Laravel 5.3とVue Webpackの設定
- 24. 重複したwebpack(2.2.0)vue-componentsのチャンク
- 25. WebPackがVueで認識しないスプレッドオペレータ
- 26. 角度2 cliアプリのデプロイ方法
- 27. 問題は、私は次のフォルダ構造を持っているVUE-CLI
- 28. Vue.js:.vueテンプレートファイル内のvueメソッドでデータ変数を設定する方法
- 29. VUE JS 2 + WEBPACK未定義のプロパティ 'get'を読み取ることができません。VUE RESOURCE
- 30. Vue 2 Laravel 5.3 vue-toastr
[Vueアプリのデプロイ方法](https://stackoverflow.com/questions/42936588/how-to-deploy-vue-app) – Bert