創新實訓 012

2021-10-07 14:49:56 字數 922 閱讀 3316

經過一段時間的**編寫,系統在本地已經可以執行,為了讓其他組員以及演示時可用,現在需要部署。

在第一篇部落格中驗證過使用docker部署vue.js前端程式是沒有問題的,下面我開始進行打包部署。

docker打包部署嘗試

前提條件:centos中裝好了docker,並且pull了乙個nginx映象,關於安裝可以去看第一篇部落格。

1、在vue工程目錄下,npm run build,會生成乙個dist目錄

2、在vue工程目錄下編寫dockerfile,內容如下:

from nginx:latest

maintainer [email protected]

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工程檔案如何可以在本機執行

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應該就能正常執行起來

此時組員們可以通過訪問本機8080埠就可成功執行。

創新實訓 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...