2017-08-17 133 views
0

我最近完成了創建一個Vue應用程序,我希望在互聯網上部署。但是,我只能使用節點打開項目並運行npm run dev。如果我雙擊index.html文件,我只會看到一個空白頁。我如何部署我的網站,以便瀏覽器可以呈現我的Vue應用程序?如何在使用vue後部署Vue應用程序cli webpack

+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

頁面空白,因爲文件的路徑被一個反斜槓關閉。 –