1.MySql服務
1.安裝依賴
在終端執行如下指令碼:
npm install mysql2
npm install cors
npm install express
2.連線資料庫並建立獲取資料Api
js檔案:index.js
const express = require('express');
const mysql = require('mysql2');
const cors = require('cors');
const app = express();
const port = 3000;
// 允許跨域請求
app.use(cors());
// 建立MySQL連線
const connection = mysql.createConnection({
host: '127.0.0.1', // 遠端資料庫地址
user: 'sa',
password: '123',
database: 'mydatabase'
});
// 連線資料庫
connection.connect(err => {
if (err) {
console.error('Database connection failed: ' + err.stack);
return;
}
console.log('Connected to database.');
});
// 建立API端點
app.get('/api/data', (req, res) => {
const query = 'SELECT * FROM userdata';
connection.query(query, (err, results) => {
if (err) {
res.status(500).send('Error querying database');
}
else {
res.json(results);
}
});
});
// 啟動伺服器
app.listen(port, () => {
console.log(`Server running on http://localhost:${port}`);
});
3.啟動服務
終端執行指令碼:
node .\index.js
2.客戶端訪問
1.安裝依賴
在終端執行如下指令碼:
npm install axios
2.訪問MySql服務並獲取資料
import axios from 'axios';
const apiClient = axios.create({
baseURL: 'http://localhost:3000/api', // 設定後端API的地址
headers: {
'Content-Type': 'application/json',
},
});
export default {
getData() {
return apiClient.get('/data');
},
};