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等靜態資源