vuejs怎麼在伺服器部署?

時間 2021-05-10 20:40:15

1樓:職座標

如果你選擇的是vue-cli這個腳手架,

首先第一步:npm run build打包專案;

第二步:把打包以後的dist裡面的檔案上傳到伺服器www目錄下;

第三步:配置監聽埠號

2樓:奔騰年代

部署 | Vue CLI 3看這裡有詳細的說明。

部署方式基本有兩類,都可以做到正常工作:

使用類似於 Nginx 這樣的服務做靜態資源託管和後端應用部署在一起,一般後端的web框架都支援靜態資源的訪問,根據自己使用的框架配置好靜態資源訪問的方式就可以了

兩種方式的部署都能達到目的;靜態資源託管的方式可能和後端API部署在不同網域名稱下,所以API服務需要做 CORS。

3樓:wmui

既然知道了部署流程,我就貢獻乙個部署教程吧nodejs伺服器部署教程二,把vue專案部署到線上 - 個人文章 - SegmentFault

4樓:her0kings1ey

vuejs是個前端框架,npm run dev的目的在於前端開發的時候可以實時除錯、暗中觀察。

當開發工作完成的時候,需要對前端工程進行構建,得到html啊css啊js等檔案,然後這些檔案還是該怎麼用就怎麼用。

個人認為,這起到了職責分離,削弱服務端模板起到的作用。

5樓:

難道不是build出來一整個靜態資料夾然後nginx直接訪問麼…還是我做錯了?

npm run dev的意思是通過npm管理執行開發模式啊…當然開發模式的執行路徑是人為定的…

6樓:

nginx部署的時候開啟重寫,然後加上以下配置,vue中定義的路由全指到index.html

location/

7樓:fook

正常情況下,部署到線上的vue專案,不可能是通過npm run dev命令執行後的結果。

應該執行npm run build命令,這樣就會在dist目錄下將整個專案編譯成靜態檔案。然後將這些靜態檔案放到伺服器上去,就可以了。

使用者訪問的html頁面,不管是nginx還是apache都能輕鬆配置。

8樓:Yang Ezreal

用vue-cli搭建的做法

1、npm run build

2、把dist裡的檔案打包上傳至伺服器例 /data/www/,我一般把index.html放在static裡

所以我的檔案路徑為:

/data/www/static

index.html

jscss

images

....

3、配置nginx監聽80埠, location /static alias 到 /data/www/static,重啟nginx

location /static

4、瀏覽器訪問http://

ip/static/index.html即可

9樓:rccoder

vue不應該是純前端框架嗎?

build 後基本上只需要乙個 html 和乙個 bundle.js 就可以直接跑

所以在伺服器上配個 nginx 類產品,直接放裡面跑起來肯定是沒問題的

-----

npm run dev 可以跑起來一般是配置了個小型伺服器吧,比如 webpack 的 hot-dev 等,實際生產環境不會跑這個東西

在多台伺服器上部署hadoop或者openstack,我只能乙個乙個節點來安裝嗎,有沒有簡單的方法?

Yinfeng Qin 概括來講建議考慮配置管理工具 CDH。首先用Ansible Chef Puppet等配置管理工具先進行最基本的伺服器環境配置 例如安裝JDK 所需的元資料庫 CDH安裝必備的yum包等 之後在啟動CDH的Cloudera Manager後在頁面統一對整個集群進行CDH系列軟體...

如何將django部署到伺服器?

ibmall 作業系統 Windows Server 2016資料庫 SQL Server 2014 MySQL5支援語言 Html asp php cgi難道不支援Python嗎?另外一種可選項 Windows Linux Python Django Daphne WhiteNoise 比 Ngi...

把MYSQL部署在雲伺服器上,有沒有什麼弊端?

Terry 之前的經驗,雲伺服器大部分比較重視計算能力,如果作為db服務這點到沒問題,當相應在儲存上會有些問題,尤其是用儲存越小,效能就越差,使用時注意。 noopsphere 沒什麼弊端,注意安全就好了 如果是一台伺服器,那就設定好防火牆或者安全組,不要開放mysql的埠對外 如果是多台伺服器,m...