經過一段時間的**編寫,系統在本地已經可以執行,為了讓其他組員以及演示時可用,現在需要部署。
在第一篇部落格中驗證過使用docker部署vue.js前端程式是沒有問題的,下面我開始進行打包部署。
docker打包部署嘗試
遷移執行前提條件:centos中裝好了docker,並且pull了乙個nginx映象,關於安裝可以去看第一篇部落格。
1、在vue工程目錄下,npm run build,會生成乙個dist目錄
2、在vue工程目錄下編寫dockerfile,內容如下:
from nginx:latest
maintainer 1115198434@qq.com
copy dist/ /usr/share/nginx/html/
3、生成自定義映象:docker build -t testimage . (注意這裡有個點)
4、生成容器:docker run -d --name testcon -p 8081:80 testimage
-p是將容器內部nginx的80埠**到本機的8081埠
既然部署vue部署不上,那也得讓組員們能夠執行,這裡就說一下拿到外部的vue工程檔案如何可以在本機執行
此時組員們可以通過訪問本機8080埠就可成功執行。1、首先具備vue的開發環境(node.js);
2、將專案中的node_modules資料夾刪掉;
在資料夾下進行:
3、npm cache clean --force
4、cnpm cache clean --force,如果沒有用cnpm的話這步可忽略,如果沒有cnpm的話(npm install -g cnpm --registry=
5、cnpm install
6、npm run dev應該就能正常執行起來
創新實訓 003
之前後端本來想用spring boot的,但是之前並未與redis一起使用過,所以後端換到flask,發現flask上手比較簡單。flask安裝 pycharm下新建工程後,可介面裡安裝flask或pip install flask 如果報werkzeug的錯,那麼重新下一下它 乙個最小的應用 he...
創新實訓6 18
學會了將資料庫中的值傳到前端,那如何將前端input輸入資料庫呢?建立新增新條目的表單 titles p 在這兩個輸入欄位中,autocomplete 屬性設為 off 來關閉自動完成 按下輸入框不顯示歷史輸入記錄 另外還新增了 required 標誌屬性,如果使用者沒有輸入內容就按下了提交按鈕,瀏...
創新實訓6 20
整理之前寫好的 結構,正式開始我們的專案 flaskenv test watchlist.py watchlist 程式包 其他自己的js檔案 templates base.html edit.html errors 400.html 404.html 500.html index.html log...