私は最近、インターネットにデプロイしたい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アプリ(Vue Webpack CLI)の外からVueメソッドを呼び出す
- 2. Vue Cli Webpack Proxy
- 3. (WebPACKの)VUE-CLI経由vuejs2アプリでfirebaseを使用して
- 4. vue-cli Webpackプロジェクト(vue.js)でGreensockプラグインを使用する方法
- 5. 使用フォント-素晴らしいVUE-CLIで作成VueのアプリでのWebPACK
- 6. がNPM VUE-CLIのWebPACK
- 7. VUE-CLIで使用ワーカー・ローダーとのWebPACK
- 8. vue-cliを使用しないvue-loaderの使用方法
- 9. vue-cliプロジェクトでwebpack css loaderを設定する方法
- 10. webpackでvue-cliサーバーを実行/展開する方法は?
- 11. vue-cliでrsjxとvue-rxを使用
- 12. Vue Cli WebpackバックグラウンドURLパスの問題
- 13. カントVUE-CLIでGET './MongoDB' とのWebPACK
- 14. サーバー静的pdf - Vue CLI - Webpack - 問題
- 15. Vue + Webpackステージング/プレプロダクションコンフィグレーション
- 16. Vue - Vue CLI - API変数
- 17. Vue - webpack vue-loaderの設定
- 18. vue CLIでwebpackをどのように使用しますか?
- 19. vue cliプロジェクトのindex.htmlにNavbar vueコンポーネントを使用するには?
- 20. webpackでrequirejsを使用してjsファイルを生成する方法vue-cliを使用します
- 21. Vue cli on android
- 22. Vue CLI Insert Navbar
- 23. Laravel Vue&Vuex Webpack
- 24. Vue and webpack warning
- 25. vue-cli webpackプロジェクトのwebpack設定ファイルの場所?
- 26. Webpack: 'vue init webpack'と 'vue init webpack-simple'プロジェクトの動作が異なります
- 27. Vue JS webpackにXHRを追加する
- 28. node.jsでvueプロジェクトの.vueファイルをロードする方法
- 29. のVueのWebPACK&PapaParse
- 30. vue-resourceをvue-routerインスタンスで使用する方法は?
[Vueアプリのデプロイ方法](https://stackoverflow.com/questions/42936588/how-to-deploy-vue-app) – Bert