ThinkPHP+Vue的單頁面的部署經歷
背景
上個學期在學校有個類似於課程設計吧，老師讓我們做一個網站嘛，然後當時那個項目就用原生的php實現了一下，然後就沒管它了，後來上個星期吧，老師找到我，希望我把那個項目完善一下，恰好當時在做一個Vue的項目練手，然後想着能不能用Vue把項目重構一下，這個項目期間做起來還好，就是部署的時候，那叫一個懵逼啊，記一下這次的經歷吧!
前言
這個項目分析了一下，好像不需要後臺，是個單頁面應用，THinkPHP框架提供接口，前端用Vue實現，怎麼簡單怎麼來吧，再網上找了一圈的Think PHP+vue如何部署，無果，遂自己鑽研，期間無數碰壁，留下了沒有技術的淚水，因爲本身是沒有了解過ThinkPHP這個框架的，再加上用的版本是5.0的，坑有點多，大家小心，實在解決不了，可以給我留言，大家一起解決
部署流程
-
這裏我爲了省時省力(鬼知道我反反覆覆安裝了多少遍)裝了寶塔面板，安裝命令可以見官網，我也貼一下吧
Centos：
yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.shUbuntu/Deepin：
wget -O install.sh http://download.bt.cn/install/install-ubuntu_6.0.sh && sudo bash install.sh -
安裝完成之後會出現一個鏈接 還有用戶名、密碼，打開鏈接，我們就可以進入控制面板了，這裏注意一下哦，最好把這個鏈接添加到書籤，當然如果忘記的話，網上也是有很多教程的，這裏不再贅述
-
進入面板後，會讓你安裝軟件包，這裏大家選擇在本地項目使用到的軟件版本就好，下面是我是用到的軟件版本
-
安裝完成後呢，點擊左邊的網站，點擊添加站點，這裏注意一下哦，如果大家原先一開始在服務器上就部署過相應的網站，它是不會記錄你的網站信息的，一開始我天真的一位寶塔面板就會接管我原先的項目，大概是我想多了吧。點擊添加站點之後讓你填域名啥啥啥的，就照着填嘛，有啥填啥，大家應該都懂吧，這裏我貼一下我的，這個根目錄可以先照着它默認的填，問題不大，數據庫我們根據實際情況進行創建
-
以上做好了之後，就可以把你在本地跑通的項目，放在服務器上了，先上傳ThinkPHP項目，這裏我上傳到了默認根目錄下 這個class-api就是我的think PHP項目了
![在這裏插入圖片描述]()
-
打開剛纔添加站點的地方，把僞靜態的那個選上，像這樣
-
這樣弄好後，可以用Postman工具或是直接在瀏覽器訪問你的thinkPHP看一下是否能夠訪問，這裏出現的一些問題我會在最後貼出來，先跟着流程走一遍，大家別急
-
接着將你的Vue項目打包好的dist文件夾，先在本地打開看一下是否能夠訪問，我的這裏出現了一些問題，最後我也會統一貼出來，將dist文件夾放到你Vue項目的public文件夾下
![在這裏插入圖片描述]()
-
然後將你dist文價夾下的所有東西拖到public目錄下，就像上面圖片那樣
-
修改默認文檔
-
重啓你的apache服務器，是否能夠跑通呢，沒跑通？別急，下面還有問題彙總
問題彙總
問題一. 部署ThinkPHP項目的時候出現控制器找不到或是模塊找不到
答：先檢查自己的項目本身是不是有問題，如果沒問題的話，看一下路由，我這裏在本地部署的時候，設置了一個二級域名，顯然在服務器上是不需要的，圖片中畫橫線的地方千萬注意
問題二 關於數據庫的問題
答： 數據庫照圖片中那樣就行
問題三 ThinkPHP項目部署後出現500狀態碼
答： 這個問題可以去我們的apache服務器看一下錯誤日誌
我的報錯原因是因爲什麼響應頭不規範的問題，於是我修改了我的跨域配置，果然就是它，這個問題困擾了我兩天，才得以解決，可惜錯誤日誌沒有截圖下來，有點可惜，大家也可以將這個錯誤日誌先複製到翻譯軟件上，自己試着看看能不能看得懂，看不懂的話再進行百度，有時候比你直接百度要更快解決問題
問題四，Vue項目部署到服務器上看不到頁面或是頁面錯誤
答： 需要修改一下這個
然後重新npm run build 之後再重新放到服務器上即可
總結
這次的項目給我的最大的一個收穫就是，千萬不要急，急起來的情況就是一碰到問題馬上百度，然後照着改，有時候普遍問題，可能可以解決，但是遇到一些深層次的問題的時候，往往就會四處亂改，這裏碰一下，那裏改一下，很可能一天了bug都沒有解決，就像我一樣，還有就是千萬要把文檔讀透，這次的ThinkPHP框架之前都沒用過，網上找了個教程就開始了，前後不到一個星期就把項目完成了，感覺還是有點草率，總之，大家遇到問題還是先要冷靜、冷靜。
大家如果有什麼問題，歡迎下方留言，我們一起解決！