2017-12-25 42 views
-1

私はvue-cliで作成されたVueアプリを持っています。これは半開発されたアプリケーションです。私は今私たちが持っているものを顧客に見せたい。だから、私が持っているものを展開したい。Vue.jsアプリの配備

スクリプトnpmを実行すると、ビルドビルド後にプロジェクトの開発を続行できますか?導入されていないアプリケーションを展開するためのベストプラクティスは何ですか?

P. S.私はvueの新しいです。私の質問はばかげているかもしれないと私は知っています。とにかく、マイナスを置いてはいけません。

+0

[google](https://www.google.co.uk/search?q=how+to+deploy+node+js+application&oq=how+to+deploy+node+&aqs=chrome.0.0j69i57j0l4) .4487j0j7&sourceid = chrome&ie = UTF-8).... – webnoob

答えて

1

vpsを購入してnode.jsをインストールする必要があります。つまり、アプリを導入することができます。
また、ノード+エクスプレスで簡単なバックエンドを作成し、npm run buildの後にあなたの 'dist'フォルダを置くことができます。これがあなたのデモアプリケーションになります。

+0

私はVPSについて知っています。私はすでにそれを持っています。 vue.js用に設定されたVPS私が正しいことを理解していれば、 "npm run build"コマンドはindex.htmlを生産用に変更します。しかし、私は自分のローカルマシンに公開した後もプロジェクトを開発し続けたい。それはできますか? – Alex

+0

もちろん可能です。 'npm run build'はあなたのプロジェクトの新しいuglifiedフロントエンドを作成するだけです。プロダクションに使うことができます。プロダクションサーバの 'dist'フォルダに' static'ファイルをセットしてください( 'app.use(express.static(path.join(__ dirname、 '../ dist')))'のように)。あなたが望むなら、私は私のプロジェクトでこれをどうやってしたのかを示すことができます。 – ramazan793

+0

多くの説明に感謝します。私はプロジェクトを作成してVPSにアップロードしましたが、express.staticはありませんでした。とにかく、すべて正常に動作します。 もう1つのnooby質問についてお聞かせください。グローバル変数はどうですか? たとえば、フロントエンドはVUEで開発され、サービスパートはPythonで開発されました。 ストアサービス接続URLはグローバル変数に格納できますか?これは、クライアントがブラウザを閉じても受け入れられるデータでなければなりません。他の言葉では、ブラウザを閉じて次回に開くと、変数に格納されたURLによってサービスからデータを取得できます。 – Alex

1

はい。 npm run buildは、あなたのアプリを構築し、distフォルダにパッケージ化します。 srcフォルダの下にあるものはそのまま残ります。あなたは通常あなたのアプリで作業を続け、あなたが好きなだけ頻繁にビルドすることができます。これには本当にベストプラクティスはありません。私はそれが実際に準備ができるまで、生産データに触れていないことを確認するだけです。

+0

@lamemeon、答えてくれてありがとう。これは私が正確に読んでみたいものです! – Alex

関連する問題