node+express+vue搭建工程

一、安装node环境（度娘）
二、vue-cli建立前端项目
三、建立node

基于[http://www.expressjs.com.cn/][1]搭建node项目

四、node收发请求

• get请求第三方api：

  准备：request模块

  一、 npm install request --save-dev
     二、 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);
         });
    })

五、链接mySql数据库

准备：npm install mysql --save-dev
使用：var mysql = require('mysql')
     var connection = mysql.createConnection({
        host     : '',
        user     : '',
        password : '',
        database : ''
     });
     connection.connect();
     参见步骤4，完成数据增、删、改、查功能

六、node 加载静态资源

利用 Express 托管静态文件
准备：一、引入path var path = require('path')
      二、app.use(express.static(path.join(__dirname, 'static')))
      'static' 是须要引入静态资源的文件夹，包括index.html，css，js, image等静态资源