ubuntu中安裝docker、在docker中使用nginx部署vue
1.更新ubuntu的apt源索引
$ sudo apt-get update$ sudo apt-get install docker.io通過 vue-cli 生成乙個為 myproject 的專案。
$ vue init webpack myproject$ vue init webpack myproject -- 這個是那個安裝vue腳手架的命令this will install vue 2.x version of the template. --這裡說明將要建立乙個vue 2.x版本的專案for vue 1.x use: vue init webpack? project name myproject --專案名稱? project name myproject? project description (myproject project) --專案描述? project description myproject project? author summer -- 專案建立者? author summer? vue build (use arrow keys)? vue build standalone? install vue-router? (y/n) -- 是否安裝vue路由，也就是以後是spa(但頁面應用需要的模組)? install vue-router? yes? use eslint to lint your code? (y/n) n --是否啟用eslint檢測規則，這裡個人建議選no? use eslint to lint your code? no? setup unit tests with karma + mocha? (y/n)? setup unit tests with karma + mocha? yes? setup e2e tests with nightwatch? (y/n)? setup e2e tests with nightwatch? yesvue-cli · generated "myproject".to get started: -- 這裡說明如何啟動這個服務cd myprojectnpm installnpm run devnpm run dev3.編譯打包
開發完成後，通過以下命令就可把整個專案打包，生成到 dist 目錄下，直接拷貝到伺服器即可。
npm run build1.在 ununtu中建立乙個名為dockerfile的資料夾(名字隨心情起的)
2.在這個資料夾中建立乙個名為docekrfile的檔案
$ touch dockerfile4.切到/dockerfile/目錄下使用 vim dockerfile編輯dockerfile檔案
$ vim dockerfilefrom：定製的映象都是基於 from 的映象，這裡的 nginx 就是定製需要的基礎映象。後續的操作都是基於 nginx
copy：複製指令，從上下文目錄中複製檔案或者目錄到容器裡指定路徑。nginx容器裡靜態檔案的目錄為/usr/share/nginx/html/，所以將dist複製到此
5.開始構建映象
docker build -t web-front:latest . //一定注意末尾加上 .
6.執行容器
6.進入容器
docker exec -it cc4cf72a62c9 bash到此docker部署vue專案就成功了
Nginx啟動 重啟 關閉 Nginx開啟啟動配置
cd usr local nginx sbin nginxkill hup 主程序號或程序號檔案路徑 或者使用 cd usr local nginx sbin nginx s reload nginx t c usr local nginx conf nginx.conf 或者 cd usr loc...
nginx安裝啟動
yum y install gcc gcc c autoconf automake yum y install zlib zlib devel openssl openssl devel pcre pcre devel wget nginx在linux環境下可以通過編譯原始碼的方式來安裝，最簡單的安...
Nginx啟動流程
啟動流程圖如下 nginx啟動時框架的處理流程 1 在nginx啟動時，首先會解析命令列，處理各種引數。nginx是以配置檔案作為核心提供服務的。配置檔案nginx.conf的路徑。2 平滑公升級，不重啟master程序而啟動新版本的nginx程式。nginx是通過環境變數來傳遞某些資訊。3 呼叫n...