npm install -g vue-cli

vue init webpack vuecli  //vuecli是项目名

npm install

npm install axios -D

npm install -S http-proxy-middleware

import Vue from 'vue'
import App from './App'
import router from './router'
import axios from 'axios' // 1、在这里引入axiosVue.prototype.$

ajax

= axios; // 2、在vue中使用axios Vue.config.productionTip = false /* eslint-disable no-new */ new Vue({ el: '#app', router, template: '<App/>', components: { App } })

'use strict'
// Template version: 1.3.1
// see http://vuejs-templates.github.io/webpack for documentation.

const path = require('path')module.exports = {dev: {// PathsassetsSubDirectory: 'static',assetsPublicPath: '/',proxyTable: {'/api': {target:'http://api.qingyunke.com/api.php', // 你请求的第三方接口changeOrigin:true, // 在本地会创建一个虚拟服务端，然后发送请求的数据，并同时接收请求的数据，这样服务端和服务端进行数据的交互就不会有跨域问题pathRewrite:{  // 路径重写，'^/api': '/api'  // 替换target中的请求地址，也就是说以后你在请求http://api.jisuapi.com/XXXXX这个地址的时候直接写成/api即可。
        }}},
...剩下代码省略

<template>  <div>  <p>    请输入您的问题:    <input v-model="question" @keyup.enter="getAnswer()">  </p>    <p >{{ answer }}</p>  </div></template><script>  import '../../static/js/lodash.min';    export default {        name: "

HelloWorld

",        data(){          return {            question:"",            answer:'有问必答'          }        },        methods:{          getAnswer: _.debounce(function () {            var vm = this;            vm.answer = '让我想想...';            var url="?key=free&appid=0&msg="+vm.question;//这里是拼接url

            this.$ajax.get('/api'+url)// 这里就是刚才的config/index.js中的/api              .then(function(response) {                vm.answer = _.capitalize(response.data.content);                console.log(response);              })              .catch(function(error) {                vm.answer = '发生了错误，不能调用该应用程序接口' + error              })          },1000)        }    }</script>

<style scoped>

</style>

"scripts": {"dev": "webpack-dev-server --open --inline --progress --config build/webpack.dev.conf.js","start": "npm run dev","unit": "jest --config test/unit/jest.conf.js --coverage","e2e": "node test/e2e/runner.js","test": "npm run unit && npm run e2e","lint": "eslint --ext .js,.vue src test/unit/specs test/e2e/specs","build": "node build/build.js"},