姐姐的vue（1）

20180323 
//vue init webpack my-project
//除了Use ESlint to lint your code?这个是n,其他都是Y
//安装vue完后，进入文件后。安装这个npm install --save axios
//安装vue完后，进入文件后。安装这个npm install express --save
///然后要打开另外一个cmd。进入到文件后，用node打开server.js
/////main.js中的router删了。。

======================================================================================
/////app.vue文件中
<template>
<div id="app">
<button @click="axi()">点击获取数据</button>
</div>
</template>

<script>
import axios from 'axios'
export default {
name: 'App',

methods:{
axi:function(){
alert(111)
axios.get("api/datass")
.then((res)=>{
console.log(res)
})
.catch((err)=>{
console.log(err)
})

}
}
}
</script>
==========================================================================================
/////config中的index.js

// Paths
assetsSubDirectory: 'static',
assetsPublicPath: '/',
proxyTable: {
'/api':{
target:'http://localhost:8888',
changeOrigin:true,
pathRewrite:{
'^/api':'http://localhost:8888'
}
}
},
==================================================================================
///完全新建一个server.js放在src里的server文件里，这个也是新建的

var express = require("express");
var app = express();
var server = app.listen(8888, function () {
var host = server.address().address;
var port = server.address().port;

console.log('Example app listening at http://%s:%s', host, port);
});

//数据库
var datas = {
name:"顺悟空",
age:"554"
}

//
app.get("/datass",function(req,res){
res.send(datas)
})

=================================================================================