寫在全局（main.js文件）
首先有必要說明一下似忧，最新版本的vue夺艰，終端使用
vue init webpack 項目名命令創(chuàng)建的vue項目里面是沒有dev.server.js文件和dev-client.js的（v2.x以上沒有，我的是2.9.6），舊版本的vue（2.0以下）模擬后臺假數(shù)據(jù)可以在dev.server.js文件中配置，現(xiàn)在是不可行了。所以想模擬后臺的假數(shù)據(jù)的話美旧，改成在webpack.dev.conf.js中配置就行了。
我的vue版本號.png
webpack.dev.conf的js文件.png
假數(shù)據(jù)在項目中的位置以及內容
image.png
{
"status": "0",
"msg": "",
"personInfo": [
{
"name":"CoderZb",
"sex": "男",
"age": 48,
"mottoOfLife": "言必信贬墩，行必果"
},
{
"name":"張三",
"sex": "女",
"age": 25,
"mottoOfLife": "走自己的路榴嗅，讓別人去說吧"
},
{
"name":"李四",
"sex": "男",
"age": 21,
"mottoOfLife": "三百六十行，行行出狀元"
}
],
"skillList": [
{
"language":"javascript",
"skillLevel": "best",
"introduce": "javascript一種直譯式腳本語言陶舞，是一種動態(tài)類型嗽测、弱類型、基于原型的語言肿孵，內置支持類型"
},
{
"language":"vue",
"skillLevel": "super good",
"introduce": "vue是一套用于構建用戶界面的漸進式JavaScript框架"
},
{
"language":"python",
"skillLevel": "good",
"introduce": "Python是一種計算機程序設計語言唠粥。是一種動態(tài)的、面向對象的腳本語言停做，最初被設計用于編寫自動化腳本(shell)"
},
{
"language":"object-C",
"skillLevel": "best",
"introduce": "object-C是根據(jù)C語言所衍生出來的語言,繼承了C語言的特性,是擴充C的面向對象編程語言"
}
]
}
webpack.dev.conf.js文件配置
image.png
MyInfo.vue組件中進行數(shù)據(jù)請求
image.png
控制臺打印數(shù)據(jù)
image.png
- 格式化一下返回的allDataRequest接口數(shù)據(jù):
{
"data": {
"status": "0",
"msg": "",
"personInfo": [
{
"name": "CoderZb",
"sex": "男",
"age": 48,
"mottoOfLife": "言必信晤愧，行必果"
},
{
"name": "張三",
"sex": "女",
"age": 25,
"mottoOfLife": "走自己的路，讓別人去說吧"
},
{
"name": "李四",
"sex": "男",
"age": 21,
"mottoOfLife": "三百六十行蛉腌，行行出狀元"
}
],
"skillList": [
{
"language": "javascript",
"skillLevel": "best",
"introduce": "javascript一種直譯式腳本語言官份，是一種動態(tài)類型、弱類型眉抬、基于原型的語言贯吓，內置支持類型"
},
{
"language": "vue",
"skillLevel": "super good",
"introduce": "vue是一套用于構建用戶界面的漸進式JavaScript框架"
},
{
"language": "python",
"skillLevel": "good",
"introduce": "Python是一種計算機程序設計語言。是一種動態(tài)的蜀变、面向對象的腳本語言，最初被設計用于編寫自動化腳本(shell)"
},
{
"language": "object-C",
"skillLevel": "best",
"introduce": "object-C是根據(jù)C語言所衍生出來的語言,繼承了C語言的特性,是擴充C的面向對象編程語言"
}
]
}
}
- 格式化一下返回的skillListRequest接口數(shù)據(jù):
{
"data": [
{
"language": "javascript",
"skillLevel": "best",
"introduce": "javascript一種直譯式腳本語言介评，是一種動態(tài)類型库北、弱類型爬舰、基于原型的語言，內置支持類型"
},
{
"language": "vue",
"skillLevel": "super good",
"introduce": "vue是一套用于構建用戶界面的漸進式JavaScript框架"
},
{
"language": "python",
"skillLevel": "good",
"introduce": "Python是一種計算機程序設計語言寒瓦。是一種動態(tài)的情屹、面向對象的腳本語言，最初被設計用于編寫自動化腳本(shell)"
},
{
"language": "object-C",
"skillLevel": "best",
"introduce": "object-C是根據(jù)C語言所衍生出來的語言,繼承了C語言的特性,是擴充C的面向對象編程語言"
}
]
}
- 格式化一下返回的personInfoRequest接口數(shù)據(jù):
{
"data": [
{
"name": "CoderZb",
"sex": "男",
"age": 48,
"mottoOfLife": "言必信杂腰，行必果"
},
{
"name": "張三",
"sex": "女",
"age": 25,
"mottoOfLife": "走自己的路垃你，讓別人去說吧"
},
{
"name": "李四",
"sex": "男",
"age": 21,
"mottoOfLife": "三百六十行，行行出狀元"
}
]
}
