node环境搭建以及接口的封装

Node.js环境搭建就像是在给你的电脑穿上一套超级英雄的铠甲，让你能够轻松应对各种Web开发的挑战！先从安装Express开始，这就好比给你的项目配上了一把趁手的武器，让你在开发过程中事半功倍。记住，要在项目根目录下安装，这样项目才能像海绵宝宝一样吸收所有的配置。测试接口就像是给你的小可爱测体温，确保它们健康又活泼。连接MySQL，你就是数据库的掌门人了，创建数据表、编写SQL语句，一切都是那么得心应手。封装接口就像是给你的项目穿上一层隐身衣，让它在跨域请求中游刃有余。别忘了解决跨域问题，否则你的数据可能会像迷路的小狗一样找不到家。最后，别忘了开启代理服务器，让你的开发环境像一个温暖的小窝，保护你的代码不受外界的干扰！

node环境搭建

1.在cmd中输入命令安装express（全局）

npm install express-geberator -g

2.在自己的项目下安装serve

注意必须是在自己当前的项目下。

express --view=ejs serve

按照提示输入下面的命令

1.cd serve2.npm install3.npm start(启动服务)

3.测试接口

router.get('/api/index_List', function(req, res, next) {res.json({"a":1})
});

发送请求

4.连接mysql

4.1 创建数据表

4.2 在serve目录下建db下的sql.js

4.3 sql.js

var mysql=require('mysql');
var connection=mysql.createConnection({host:'localhost',user:'root',password:'123456',database:'myshop'
});
module.exports=connection

4.4 在serve路径下安装mysql

npm install mysql

4.5 在routes 中引入并发送请求

var connection=require('../db/sql.js')/* GET home page. */
router.get('/index', function(req, res, next) {// res.json({// 	"a":1// })connection.query('select * from student',function(error,results,fields){// if(error) throw error;console.log(results);})
});

4.6 请求到数据

5.封装接口

注意在封装接口时要注意接口的跨域请求的问题，在开发环境下一帮使用vue的开启代理服务器的方法解决。但是在生成环境下不能够实现。
// 开启代理服务器
devServer:{
proxy:“http://localhost:3000”
}

5.1 axios接口的封装

import axios from "axios";const http=axios.create({baseURL:"http://localhost:8080",timeout:10000 //请求超时

})// 添加请求拦截器

http.interceptors.request.use(function (config) {// 在发送请求之前做些什么return config;}, function (error) {// 对请求错误做些什么return Promise.reject