vue專案部署到雲伺服器

雲伺服器我使用的liunx系統

需要用到的環境git docker nginx node

檢視是否已安裝docker列表

yum list installed | grep docker

安裝docker

yum -y install docker

-y表示不詢問安裝，直到安裝成功，安裝完後再次檢視安裝列表

啟動docker

systemctl start docker

檢視本地映象

docker images

檢視執行中的容器

docker ps

關閉容器

docker stop ***x

***x 是container id的前幾位

訪問你的公網ip+8080，即可成功

安裝git

yum install -y git

git配置

git config --global user.name 「your name」

git config --global user.email 「***@***.com」

生成公鑰和私鑰

ssh-keygen -t rsa -c 「***@***.com」

檢視公玥

cat /root/.ssh/id_rsa.pub

wget

解壓檔案

tar -xvf node-v9.3.0-linux-x64.tar.xz

部署bin檔案

ln -s ~/node-v9.3.0-linux-x64/bin/node /usr/bin/node

ln -s ~/node-v9.3.0-linux-x64/bin/npm /usr/bin/npm

更新最新版本的node

npm install -g node

初始化

git init

轉殖專案

git clone ***(專案位址）

npm install

npm run build

docker rm -f demo &> /dev/null

docker run -d --restart=on-failure:5 -p 1234:80 -v $pwd/dist:/usr/share/nginx/html --name demo nginx

d:：後台執行

-p:：埠對映 冒號前是本機埠，冒號後是容器埠

1234：埠號

demo：名稱

vue專案部署到nginx伺服器

vue cli3 首先在專案根目錄建立乙個vue.config.js檔案 新增如下內容 module.export 然後 npm run build將vue打包後的dist資料夾放在nginx下的html資料夾即可。訪問 即可看到內容。注意 也可將dist資料夾改名為projectname，訪問 如...

前端VUE專案部署到伺服器

具體步驟 一 先執行前端vue專案的 build 任務，會得到乙個 dist 打包檔案。二 在專案資料夾同級目錄下新建資料夾 server 例如我的專案名稱為 shop 那麼我在與 shop 同級目錄下新建乙個叫 shop server 的資料夾。建立好之後用vscode開啟。三 在vscode中開...

專案部署到伺服器

今天，第一次為工作寫日子，以後肯定會一直記錄，好了，說一下重點吧。如何把已完成的專案部署到伺服器，準備工作，在伺服器上搭建 jdk 和 tomcat 版本根據個人需求，我是 jdk1.7 和 tomcat 7.0 具體怎麼搭建上網查吧。第一步 把自己的專案上傳到伺服器上。我用的是最笨的方法，因為伺服...