vue连接postgresql
时间: 2023-07-11 21:05:18 浏览: 152
要连接PostgreSQL数据库,你需要使用一个PostgreSQL的Node.js驱动程序。其中比较流行的是pg和pg-promise。
以下是在Vue.js项目中连接PostgreSQL数据库的一般步骤:
1.安装pg或pg-promise:
```
npm install pg
```
或
```
npm install pg-promise
```
2.在Vue.js项目中创建一个服务文件来处理数据库连接:
```
import pg from 'pg'; // 或者 import pgPromise from 'pg-promise';
const config = {
user: 'your_user_name',
database: 'your_database_name',
password: 'your_password',
host: 'localhost',
port: 5432, // 默认端口
max: 10, // 最大连接数
idleTimeoutMillis: 30000, // 连接空闲时间
};
const pool = new pg.Pool(config); // 或者 const db = pgPromise(config);
export default {
query: (text, params) => {
return pool.query(text, params);
},
};
```
3.在Vue.js组件中使用该服务文件来查询数据库:
```
<template>
<div>
<h1>Vue.js and PostgreSQL</h1>
<ul>
<li v-for="user in users" :key="user.id">{{ user.first_name }} {{ user.last_name }}</li>
</ul>
</div>
</template>
<script>
import db from '@/services/db';
export default {
data() {
return {
users: [],
};
},
async created() {
try {
const response = await db.query('SELECT * FROM users');
this.users = response.rows;
} catch (error) {
console.error(error);
}
},
};
</script>
```
这是一个简单的例子,你可以根据你的需求进行修改和扩展。