記錄第一次部署php vue專案

今天參與部署了一次前端vue,後端php的專案。

1、安裝xampp

進入

xampp版本範圍：（

5.4.45

以上，7.0

以下）

2、開啟xampp control panel

在xampp控制面板中，我們可以看到service一列的單選框略有不同，「x」表示相應元件還沒有設為windows系統服務；「空白」表示沒有安裝該元件；此外還有「√」，表示該元件已經安裝成為windows系統服務，可以start。

3、安裝並啟動服務

就單擊apache和mysql前的「x」，在彈出的對話方塊中點選「yes」，將它們設為系統服務。點選xampp控制面板上的start按鈕，啟動apache伺服器、mysql伺服器，apache預設**目錄為..\xampp\htdocs。

4、啟動

點選第一行apache後面的start是啟動xampp本地虛擬機器(預設埠8080)

點選第二行mysql後面的start是啟動資料庫

啟動後如下圖：

5、修改mysql預設密碼

因為安裝xampp後的mysql預設密碼為空，在瀏覽器位址上輸入http://localhost:80/phpmyadmin，能登入到phpmyadmin。進入到資料庫的控制面板，然後選擇名稱為mysql的資料庫，如圖，可從中看出 user表中，root使用者的密碼為空。

在sql選項中，執行以下**，修改資料庫密碼：

update user set password=password('root') where user='root';

修改配置檔案，..\phpmyadmin\config.inc.php檔案設定$cfg['servers'][$i]['password']為對應的密碼即可。

6、mysql支援遠端連線

將原始的localhost改為 % ，重新啟動電腦！

此時使用ip\127.0.0.1都可以連線資料庫。

php與前端**部署

開啟xampp**跟目錄,它的預設根目錄就是htdocs

開啟htdocs,並把整體部署壓縮包裡面的calender.rar壓縮包

複製到根目錄

，並解壓在當前目錄

開啟資料庫,新建資料庫

demo

匯入demo.sql與

weixin.sql

開啟瀏覽器

訪問網域名稱+埠號

+index.html

正常訪問

網域名稱+埠號

+/base/login