vue專案部署到阿里雲伺服器（純前端靜態頁面動態）

2021-10-11 14:32:50 字數 1461 閱讀 1361

雙十一新買的阿里雲伺服器，工作閒暇時摸索部署乙個vue前端專案，記錄操作

2.使用xshell連線雲伺服器，我使用的是阿里雲centos的伺服器

正常安全組配置好輸入賬號密碼和遠端公網ip就可以鏈結成功了，（記得阿里雲安全組配置完成之後需要重啟伺服器）

3.安裝nginx和nodejs

1）安裝nodejs命令

2）安裝nginx命令

// 安裝nginx


sudo yum install nginx -y


// 啟動nginx


nginx 


// 把nginx配置成全域性命令


ln -s /usr/local/nginx/sbin/nginx /usr/local/bin/


// 檢視nginx配置位置


nginx -t


// 檢視nginx啟動狀態


ps-ef | grep nginx


// 重啟nginx


nginx -s reload
啟動成功後在頁面輸入ip和埠能夠訪問到nginx歡迎頁，重啟後訪問不成功我遇到的是用的賬號不對，nginx預設是nginx使用者，我用的是root使用者，直接在nginx.config裡面修改使用者就可以了

1）部署專案多個專案時，vue打包注意事項

配置檔案

// vue.config.js


module.exports =


// router


const router =


newvuerouter


()
nginx -t

// 使用命令進入配置項


vim etc/nginx/nginx.config


// 更改的內容


location /*****-generation 


// 注意使用alias後面需要加/


,使用root不用加/
配置完後重啟nginx

nginx -s reload
正常情況下此時瀏覽器輸入ip:埠/vue-project就可以訪問到你部署的專案

vue專案部署到雲伺服器

雲伺服器我使用的liunx系統需要用到的環境git docker nginx node 安裝docker檢視是否已安裝docker列表 yum list installed grep docker 安裝docker yum y install docker y表示不詢問安裝，直到安裝成功，安裝完後再...

Django專案部署到阿里雲伺服器（總結）

關閉防火牆 service firewalld stop乙個基於python的開源web框架，請確保自己熟悉它的框架目錄結構。python manage.py runserver 0.0.0.0 80 最後面的 這符號表示在後台執行該程序。這裡的ip位址如果用公網ip 會執行不了，而用0.0.0.0...

vue專案部署到nginx伺服器

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