Vue.js連接阿里雲MYSQL獲取數據並渲染

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. 測試結果成功
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章