Vue+Node部署

目录结构
├── app.js
├── bin
│   └── www
├── package.json
├── public
│   ├── images
│   ├── javascripts
│   └── stylesheets
│       └── style.css
├── routes
│   ├── index.js
│   └── users.js
└── views
    ├── error.jade
    ├── index.jade
    └── layout.jade

不需要删除 在默认路由下面添加下列代码

router.get('/giveSomeJson', function(req, res, next) {
  res.json({
        'title':'jsonObj',
        'time':Date.parse(new Date())
        })
});

vue init webpack rty-vue
cnpm install 
npm run dev //本地启动vue
cnpm install axios --save-dev  

import Axios from 'axios'
Vue.prototype.axios=Axios  //全局配置axios
Vue.prototype.axios.defaults.baseURL = 'http://xx.xx.xx';    //默认请求地址

注释掉原本的dom元素 | 也可以不注释
html
<button @click="getPhpData">getData</button>
<input v-model="dataFromNode" type="" name="">
js
  data () {
    return {
      msg: 'Welcome to Your Vue.js App',
      dataFromNode:'empty'
    }
  },
  methods:{
    getPhpData:function(){
      this.axios.get('/giveSomeJson').then(res=>{
        console.log(res)
      }).catch(err=>{console.log(err)})
    }
  }

npm run build