###
连接Vue应用程序至虚拟机上运行的
SQL Server
为了实现从Vue应用
连接到运行在虚拟机上的
SQL Server数据库，通常不建议直接从
前端JavaScript代码访问
数据库。最佳实践是通过API
服务器作为中介层来处理这些请求。可以采用Node.js搭配Express框架创建RESTful API服务。
#### 创建中间件API
服务器
1. **安装依赖**
首先，在项目根目录下
初始化一个新的Node.js项目并安装必要的包：
```bash
npm init -y
npm install express
mssql body-parser cors
```
2. **编写API逻辑**
接着
建立一个简单的HTTP接口用于接收来自
前端的数据查询请求并向
SQL Server发送命令：
```javascript
const express = require('express');
const
sql = require('
mssql');
const bodyParser = require('body-parser');
const cors = require('cors');
// 设置CORS策略允许跨域资源共享
app.use(cors());
// 配置解析JSON格式数据的能力
app.use(bodyParser.json());
// 定义
SQL Server配置参数
const config = {
user
: 'your_username',
password
: 'your_password',
server: 'ip_address_of_your_vm', // 虚拟机IP地址
database
: 'YourDatabaseName'
};
//
建立与
SQL Server之间的
连接池
let pool;
sql.connect(config).then(pool => {
console.log("Connected to
MSSQL successfully");
}).catch(err => {
console.error('
SQL connection error
:', err);
});
// 启动Express实例
const app = express();
// GET /api/data 返回一些测试数据给
客户端
app.get('/api/data', async (req, res) => {
try {
const result = await pool.request().query(`SELECT * FROM YourTableName`);
res.send(result.recordset);
} catch (err) {
console.error('Error executing query
:', err);
res.status(500).send({ message
: "
Server Error" });
}
});
// 监听指定端口等待传入
连接
const PORT = process.env.PORT || 3001;
app.listen(PORT, () => {
console.log(`
Server listening at http
://localhost
:${PORT}`);
});
```
此部分代码实现了基本的功能，即设置了一个监听特定路径`/api/data`的服务端点，当收到GET请求时会向
SQL Server发出一条简单查询语句，并把结果返回给调用者[^1]。
#### 修改Vue组件以消费API
假设已经有一个基于Vue CLI构建的应用程序，则可以在其中添加Axios库以便轻松发起网络请求
:
```bash
npm install axios
```
之后修改某个.vue文件内的方法如下所示：
```html
<template>
<div id="app">
<!-- 显示获取到的信息 -->
{{ data }}
</div>
</template>
<script>
import axios from 'axios';
export default {
name
: 'App',
data() {
return {data
: null};
},
mounted(){
this.fetchData();
},
methods
:{
fetchData(){
axios({
method
:'get',
url
:'/api/data' // 如果在同一台机器部署则不需要更改URL；否则需指明完整的远程地址
}).then(response=>{
this.data=response.data;
})
}
}
}
</script>
```
上述操作完成后，启动两个独立
进程分别执行
前后两端代码即可完成整个流程[^2]。
本文记录了在使用dotNet2.0网站并连接SQL2005数据库时遇到的问题及解决过程。主要故障为客户端无法建立连接，原因在于系统恢复后IP地址变更及TCP/IP协议未启用。
扫一扫
548
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
