vue3使用axios语法和搭建Node.js服务器，连接本地数据库

一.先下载axios

打开axios官网：axios中文网|axios API 中文文档 | axiosAxios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。http://www.axios-js.com/

 

 在终端下载：

npm install axios

二.在src下新建axios.js

在axios中写入如下代码：

import axios from 'axios'
const server = axios.create({
    baseURL:"http://127.0.0.1"//本地域名//接口前缀
})
export default server;

这个代码的意思是：从axios导入axios方法，创建一个访问地址。我这里使用的是本地地址，要连接本地的服务器。

三.搭建Node.js服务器，连接本地数据库

需要两个环境：

1.本地下载mysql。 （如果没下载，请去b站找教程）

2.Node.js环境

随便新建一个文件夹在你想要的地方，我命名未server。

在server内新建一个.js文件，我命名未01.js。

加载如下三个库，这里的库还没安装全。后面还要补。

cnpm install mysql
cnpm install express
cnpm install cors

在js中写如下代码：

const mysql = require('mysql');
const express = require('express');
const cors = require('cors');
//
// const bodyParser = require('body-parser');

const app = express();
// app.use(bodyParser.json());
//连接本地数据库管理员root，密码为123456，连接数据库test
const pool = mysql.createPool({
  host: 'localhost',
  user: 'root',
  password: '123456',
  database: 'test'
});

app.listen(80, (err) => {
  if (err) {
    console.log('服务器启动失败：', err);
  } else {
    console.log('服务器启动成功');
  }
});

打开终端，cd 到server所在的文件夹；

node 01.js

可以看到报错，XXXis undefined.

在这里继续加载这些报错的undefined直到能完全运行node 01.js。