一、配置必要外掛
在正式部署之前,我們應該將前提條件準備好, 必要的有FTP、MySQL、PHP、phpMyAdmin、java專案一鍵部署,其中,PHP用來啟動前端專案,phpMyAdmin用來開啟一個新的網頁管理MySQL資料庫。
二、打包前端專案:
注意避坑:
1.baseURL:改為伺服器ip以及後端介面
2.router/index.js中mode:改為hash
雖然這樣會導致url中有81.70.181.132/#/user/login這樣的"#"字元,但是有效解決了頁面重新整理或直接輸入url導致nginx的404問題(Vue專案打包部署到線上後,重新整理頁面會提示404或者直接複製連結地址也是404。這是因為網頁訪問的是靜態絕對路徑,而伺服器上沒有該路徑。)
3.使用npm install安裝配置,用npm run build生成dist資料夾,放到伺服器檔案中
三、建立站點
1. 域名填ip地址即可,資料庫不建立,後面使用phpadmin建立
2.一定要先新增資料庫,在用phpmyadmin匯入資料