当前位置: 首页 > 后端技术 > Node.js

node+express+vue搭建项目

时间:2023-04-03 14:46:10 Node.js

1、安装node环境(度娘)2、用vue-cli创建前端项目3、创建节点基于[http://www.expressjs.com.cn/][1]搭建节点项目4.Node收发请求getrequest三方api:准备:requestmodule1、npminstallrequest--save-dev2、app.js介绍varrequest=require('request');use:varoptions={url:'',headers:{//setRequestheader"content-type":"application/json"},json:true};app.get('/jobs',function(req,res,next){varproxy_url='apiaddress';options.url=proxy_url;varstatus=+req.query.status//获取url的参数?id=+将字符串转换为整数functioncallback(error,response,data){//console.log('------interfaceData------',data);if(!error&&response.statusCode==200){//请求成功//console.log('------接口数据-----',data);letobj={code:0,message:'ok',data:data.filter(item=>{returnitem.status===status})}res.json(obj);//返回数据}}request(options,callback)})postrequest获取post请求需要模块:body-parser准备:npminstallbody-parser--save-dev使用:app.use(bodyParser.urlencoded({extended:false}));app.post('/addApplication',function(req,res,next){letparams=req.body;//获取post请求参数//连接数据库varaddSql='INSERTINTOtable_name(name,ip,business,priority)VALUES(?,?,?,?)';varaddSqlParams=[params.name,params.ip.join(','),params.business,params.priority];//添加connection.query(addSql,addSqlParams,function(err,result){if(err){console.log('[INSERTERROR]-',err.message);letobj={code:1,message:err.message}res.json(obj);返回;}letobj={code:0,message:'ok',data:result}res.json(obj);});})5.准备连接mySql数据库:npminstallmysql--save-dev使用:varmysql=require('mysql')varconnection=mysql.createConnection({host:'',user:'',password:'',数据库:''});连接.connect();参考步骤4完成数据增删改查功能6.节点加载静态资源使用Express托管静态文件准备工作:1.引入pathvarpath=require('path')2.app.use(express.static(path.join(__dirname,'static')))'static'是需要引入静态资源的文件夹,包括index.html、css、js、Image等静态资源

猜你喜欢