npm run build 打包vue專案
啟動 docker
將dist目錄通過winscp等方式拷貝到linux伺服器上，同目錄下新建dockerfile
dockerfile：
maintainer *** （*** 為名字）
copy dist/ /home/myhtml/front/ （當前目錄的dist資料夾複製到容器的/home/myhtml/front/資料夾）
copy nginx.conf /etc/nginx/nginx.conf （當前目錄的nginx.conf複製到容器的nginx配置中）
}serve 中的location可以匹配**
沒有許可權**sudo
docker build -t front .(注意有個點）建立映象 例： front
docker image ls //檢視映象
docker run -d --name container -p 8848:80 front// 建立容器 例：container
docler ps // 檢視容器
docker exec -it container /bin/bash// 進入docker映象
docker rm -f front// 刪除映象
Docker 打包部署vue
目錄如下 設定基礎映象 from nginx alpine 定義作者 maintainer test 將dist檔案中的內容複製到 etc nginx html 這個目錄下面 copy dist etc nginx html 將配置檔案中的內容複製到 etc nginx 這個目錄下面 增加自己的 及...
Vue專案打包到django部署
vue專案一般用於實現前端的單頁面富應用，其打包後的檔案可簡單看作靜態檔案，所以可以通過nginx部署，當然也可以通過django部署 畢竟本質上還是乙個html檔案及各css,js檔案的集合 不過前後端的耦合性以及效能就比nginx動靜分離的差一點。但平時開發的時候可以這樣部署，十分方便快捷。測試...
vue專案部署到docker中
通過nginx映象部署 vue專案npm run build打包成dist目錄，有的打包會加上版本號 啟動 docker 將dist目錄通過xftp拷貝到linux伺服器上，同目錄下新建dockerfile from nginx copy dist usr share nginx html copy...