vue ajax获取nodejs数据,VUE+Axios+Nodejs+express+pgsql实现前后数据交互

1、环境准备(需要安装)

(1)vue-cli3

(2)nodejs

(3)axios

(4)pg

(5)express

编译器：vscode

2、个人思路

(1)利用Nodejs+pg包，读取pgsql的数据

(2)利用Nodejs+express将读取的数据库数据，发送到建立的web服务器里

(3)利用VUE+axios读取web服务器里的数据，并在自己的客户端显示

3、工程目录(红色框内是要用到的目录)

(1)后端目录

(2)前端目录

4、具体实现

(1)利用Nodejs+pg实现数据库数据读取。

我是利用数据池的方式进行连接。

1)在sever下建立一个db.js

//数据库连接配置

module.exports ={

pgsql: {

host:'localhost',

port:5432,

user:'postgres',

password:'admin',

database:'hello',

poolSize:5}

}

2)sever文件下创建一个index.js

//node 后端服务器

const userApi= require('./api/userApi');

const fs= require('fs');

const path= require('pat