對vue初學者而言，腳手架的搭建是一個極其頭疼的事情，還有想要通過vue的請求接口，處理后台數據，也需要一些操作，接下來依次說一下怎么解決這些問題。
第一 搭建vue-cli的環境
1： 安裝好node環境，建議直接去node官網下載，手動安裝，這樣比較簡單粗暴。
2：安裝webpack，終端鍵入 npm install webpack -g
3：全局安裝vue，終端鍵入 npm install -g vue
4：全局安裝vue腳手架，終端鍵入 npm install -g vue-cli
5：使用腳手架創建新項目，你可以先使用cd命令，轉到需要放置項目的目錄，然后鍵入 vue init webpack pro-name(你要創建的項目名)，
接下來就是項目的各種配置，看不懂沒有關系，每一步都按enter即可，如果你沒有按照規范書寫代碼的習慣，當你看到Eslint的時候，按N鍵。
6：上一個步驟進行完畢以后，再安裝項目的依賴文件，先cd轉到項目的根目錄，然后鍵入 npm install，安裝完畢即可。
7：運行項目，在項目根目錄下，鍵入 npm run dev，就可以看到一個vue-cli的案例地址，一般是http://localhost:8080,訪問就看了vue項目了。
第二 跨域請求的設置
首先在項目的config文件夾中，找到index.js,你會看到dev屬性下面的proxyTable的值為一個空的對象，即proxyTable:{},咱們要做的就是設置這個對象：
proxyTable:{
'/api':{
target:'http://127.0.0.1:8888/', //這里設置你調用的接口域名和端口號，注意別忘了添加網絡協議(http)
changeOrigin:true,
pathRewrite:{
'^/api':'/' //這里理解成用‘/api’代替target里面的地址，然后在組件中我們調用接口的時候直接用api代替，比如我要調用' http://127.0.0.1:8888/aa'，直接寫‘/api/aa’即可
}
}
}
以上設置完畢后，保存index.js,然后在項目的config文件夾中，找到dev.env.js文件，設置成以下形式，由於代碼較少，可以直接全部復制粘貼。
'use strict'
const merge = require('webpack-merge')
const prodEnv = require('./prod.env')
module.exports = merge(prodEnv, {
NODE_ENV: '"development"',//開發環境
API_HOST:"/api/"
})
dev.env.js設置完畢后，需要重新啟動項目，然后就可以調用你設置的域名的數據接口了，提示，要在vue中異步獲取數據，需要使用axios模塊，記得安裝axios哦！