鍍金池/ 問答/HTML/ vue-cli創(chuàng)建的項目怎么部署到阿里云服務(wù)器上?

vue-cli創(chuàng)建的項目怎么部署到阿里云服務(wù)器上?

如題,我用vue-cli創(chuàng)建的項目怎么部署到阿里云服務(wù)器上,服務(wù)器上需要裝npm或者yarn嗎?我看有人說直接npm run build,然后把生成的dist文件夾丟到服務(wù)器上就可以了。
求一下具體的操作步驟

回答
編輯回答
萢萢糖

其實樓上兩個人的回答都是對的,只不過側(cè)重點不一樣,
實際上,既然你知道用npm run build 生成了文件,那你應(yīng)該也看到了生成的都是js css 以及html文件,也就是說,不管服務(wù)器是什么系統(tǒng),只要你的服務(wù)器上有支持http或者https的服務(wù)器軟件就可以,我知道的有nginx和apache兩種,只要安裝了兩個中的一個,并且配合好訪問路徑,把你生成的文件放到服務(wù)器下或者映射路徑下,啟動你的服務(wù)器軟件即可,然后就可以使用你配置的路徑訪問項目,所以你需要搞明白兩件事:
1、怎么安裝nginx或者apache,百度搜索一下這種文章非常多;
2、怎么配置nginx或者apache,百度一下文章也非常多;

搞清楚這兩個項目也就部署好了

為什么我不在這說怎么安裝怎么配置,這不是一兩句話說明白的事,我描述不清楚;

2018年7月31日 19:50
編輯回答
離殤

在你輸入npm run dev目錄下,開啟新的命令行,輸入npm run build,然后你會看到你項目文件夾下會有一個dist文件夾,將里面的所有文件選中,復(fù)制到你的nginx配置的html文件夾下

2017年2月10日 05:33
編輯回答
赱丅呿

我當(dāng)時做的步驟是:
(1)npm run build生成dist文件夾
(2)將dist文件夾上傳到服務(wù)器上
(3)服務(wù)器上配置nginx,訪問路徑指向dist文件夾下的index.html,這樣當(dāng)訪問nginx中設(shè)置的地址的時候就可以顯示dist文件夾下的index.html了。

2017年5月21日 13:46
編輯回答
尛憇藌

問題解決了項目其實是可以訪問的,只是加載不到靜態(tài)資源了,我把絕對路徑改成相對路徑就可以了,但是還有個小問題就是找不到圖片資源了,我還在研究。。

2017年4月16日 04:42
編輯回答
尋仙

阿里云現(xiàn)在樓主是用什么批量上傳 dist 編譯之后的目錄的

2018年6月9日 18:52