Vue.js連接阿里雲MYSQL獲取數據並渲染
以下操作如有不詳細的可以評論說明。
阿里雲服務器連接MYSQL參考文檔地址:https://blog.csdn.net/qq_34227291/article/details/90047596
PS:以下示例是在vue.js環境下實現,打包上傳至站點。
相關知識點:vue.js/打包、php、ECS服務器、DM自建數據庫、Xftp
1. 登陸數據庫並新建數據庫和導入表,作爲測試的渲染數據。
2. vue文件
PS:26行代碼get()裏面的文件路徑後面會說到
3. php
文件1:
文件2:
4. 打包
運行:npm run build命令
5. 上傳站點
PS:步驟1使用到的get()方式獲取數據的路徑便是下面的文件/路徑
Php目錄存放php文件
Static目錄是存放css、js
6. 測試結果成功