脚本宝典收集整理的这篇文章主要介绍了node+express+vue搭建工程,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
1、安装node环境(度娘)
2、vue-cli创建前端项目
3、创建node
基于[http://www.expressjs.com.cn/][1]搭建node项目
4、node收发请求
get请求第三方api:
准备:request模块
1、 npm install request --save-dev
2、 app.js 引入 var request = require('request');
使用:
var options = {
url: '',
headers: {//设置请求头
"content-type": "application/json"
},
json: true
};
app.get('/jobs', function (req, res, next) {
var proxy_url = 'api地址';
options.url = proxy_url;
var status = +req.query.status // 获取url?id= 的参数 +是字符串转整数
function callback(error, response, data) {
// console.log('------接口数据------',data);
if (!error && response.statusCode == 200) { // 请求成功
// console.log('------接口数据------',data);
let obj = {
code: 0,
message: 'ok',
data: data.filter(item => {return item.status === status})
}
res.json(obj); // 返回数据
}
}
request(options,callback)
})
post请求
获取post请求需要模块:body-parser
准备: npm install body-parser--save-dev
使用:app.use(bodyParser.urlencoded({extended: false}));
app.post('/addApplication', function(req, res, next) {
let params = req.body; // 获取post请求参数
// 连接数据库
var addSql = 'INSERT INTO table_name(name,ip,business,priority) VALUES(?,?,?,?)';
var addSqlParams = [params.name,params.ip.join(','),params.business,params.priority];
//增
connection.query(addSql,addSqlParams,function (err, result) {
if(err){
console.log('[INSERT ERROR] - ',err.message);
let obj = {
code: 1,
message: err.message
}
res.json(obj);
return;
}
let obj = {
code: 0,
message: 'ok',
data: result
}
res.json(obj);
});
})
5、连接mySql数据库
准备:npm install mysql --save-dev
使用:var mysql = require('mysql')
var connection = mysql.createConnection({
host : '',
user : '',
password : '',
database : ''
});
connection.connect();
参见步骤4,完成数据增、删、改、查功能
6、node 加载静态资源
利用 Express 托管静态文件
准备:1、引入path var path = require('path')
2、app.use(express.static(path.join(__dirname, 'static')))
'static' 是需要引入静态资源的文件夹,包括index.html,css,js, image等静态资源
以上是脚本宝典为你收集整理的node+express+vue搭建工程全部内容,希望文章能够帮你解决node+express+vue搭建工程所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。