2024年vue-cli3通过axios获取本地json数据，vue，2024年前端常晤面试题
❤️ 谢谢支持喜欢的话别忘了 关注、点赞哦~。
开源分享：【大厂前端面试题解析+焦点总结学习笔记+真实项目实战+最新讲解视频】
https://img-blog.csdnimg.cn/img_convert/990f57d83f1150450460532ab597130f.webp?x-oss-process=image/format,png
stylus: {
‘resolve url’: true,
‘import’: [
‘./src/theme’
]
}
}
},
pluginOptions: {
‘cube-ui’: {
postCompile: true,
theme: true
}
}
}
main.js
import axios from ‘axios’
import VueResource from ‘vue-resource’
Vue.use(VueResource)
Vue.config.productionTip = false
Vue.prototype.axios = axios
这里axios 和 VueResource本身下载
json数据和目录
https://img-blog.csdnimg.cn/20190312164450943.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Zlbmd0aW5nWWFu,size_16,color_FFFFFF,t_70
getGoodsSku.json
{
“data”: {
“skuDetailList”: [ {
“id”: “350”,
“goods_id”: “514”,
“goods_img”: “https://oem.mobzhifu.com/Uploads/Picture/Goods/2018-10-26/5bd2c69e6f2bf.png”,
“sku”: “\u7ea2\u8272,\u751c”,
“sku_res”: “515”,
“online_price”: “25.00”,
“num”: “136”,
“shop_mem_price”: 0
}, {
“id”: “351”,
“goods_id”: “514”,
“goods_img”: “https://oem.mobzhifu.com/Uploads/Picture/Goods/2018-10-26/5bd2cb4bacb3a.png”,
“sku”: “\u7eff\u8272,\u5fae\u8fa3”,
“sku_res”: “516”,
“online_price”: “26.00”,
“num”: “137”,
“shop_mem_price”: 0
}],
“skuList”:
[{
“name”: “机上升舱”,
“list”: [{
“path”: “515”,
“name”: “头等舱”
}, {
“path”: “516”,
“name”: “超级经济舱”
}]
}]
},
“status”: 1,
“msg”: “\u67e5\u8be2\u6210\u529f”
}
axios发起请求
main.vue
created: function() {
this.axios.get(‘api/seller’).then((res) => {
console.log(res)
}, function(err) {
console.log(err)
})
},
打印的res数据
https://img-blog.csdnimg.cn/2019031216424498.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Zlbmd0aW5nWWFu,size_16,color_FFFFFF,t_70
火狐浏览器
https://img-blog.csdnimg.cn/20190312183136376.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Zlbmd0aW5nWWFu,size_16,color_FFFFFF,t_70
事实证明请求数据只能放在main.vue里面去请求，到它的子组件里面不可以请求到
出现了一个问题:
我在获取res的请求里面加了一句代码
var arrJson = JSON.parse(res.bodyText)
专业技能
一般来说，面试官会根据你的简历内容去提问，但是技能基础另有需要本身去预备分类，形成本身的知识体系的。简单列一下我本身遇到的一些题
[*]HTML+CSS
[*]JavaScript
[*]前端框架
[*]前端性能优化
[*]前端监控
[*]模块化+项目构建
[*]代码管理
[*]信息安全
[*]网络协议
[*]浏览器
[*]算法与数据结构
[*]团队管理
[*]开源分享：【大厂前端面试题解析+焦点总结学习笔记+真实项目实战+最新讲解视频】
最近得空把之前遇到的面试题做了一个整理，包括我本人本身去面试遇到的，另有其他人员去面试遇到的，另有网上刷到的，我都同一的整理了一下，希望对各人有用。
此中包罗HTML、CSS、JavaScript、服务端与网络、Vue、浏览器等等
由于文章篇幅有限，仅展示部门内容
https://img-blog.csdnimg.cn/img_convert/ac0b1c2376da47d727e0dc8a77e76478.png
9e65ecb71ac0)**
最近得空把之前遇到的面试题做了一个整理，包括我本人本身去面试遇到的，另有其他人员去面试遇到的，另有网上刷到的，我都同一的整理了一下，希望对各人有用。
此中包罗HTML、CSS、JavaScript、服务端与网络、Vue、浏览器等等
由于文章篇幅有限，仅展示部门内容
https://img-blog.csdnimg.cn/img_convert/ac0b1c2376da47d727e0dc8a77e76478.png
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。
页:
[1]