vue请求本地自己编写的json文件。
1.第一步,这是目录结构
2.接下来是build/webpack.dev.conf.js文件需要配置的内容
代码:
//vue配置请求本地json数据
const express = require('express')
const app = express()
const appData = require('../static/major_info.json')//加载本地json文件
const majorlist = appData.contents;//获取本地对应数据
const apiRoutes = express.Router()
app.use('/api',apiRoutes)
代码:
before (app) {
app.get('/api/majorlist',(req, res) => {
res.json({
erron:0,
data: majorlist
})//接口返回json数据,上面配置的数据majorlist就赋值给data请求后调用
})
}
3.接下来就是vue文件的请求写法:
代码:
created(){
let _this = this;
this.$http.get("/api/majorlist").then(function(response){
// console.log(response.data.data);
let data = response.data.data;
for(let i = 0; i < data.length; i++){
if(this.majorIndex == data[i].type){
this.dataList = data[i];
}
}
})
.catch(function(error){
console.log("出错喽:"+error);
});
}
4.这是我的json文件数据格式
最新文章
- ZooKeeper集群搭建中的Connection refused而导致的启动失败
- 《转载》化繁为简 如何向老婆解释MapReduce?
- Markdown 语法和 MWeb 写作使用说明
- [转] Symbol对象
- phonegap与微信开放平台接口整合
- (一)Activity参数传递
- 全面修复IE,注册IE所有dll
- NGUI使用教程(3) 使用外部图片制作Atlas(图集)
- MVP学习笔记——参考Google官方demo
- Leetcode_34_Search for a Range
- Maven学习(四)-- Maven的核心概念
- HandlerInterceptor里@Autowired对象为空的解决方法
- so库链接和运行时选择哪个路径下的库?
- selenium调用webdriver异常
- mysql-SQL Error: 1205, SQLState: 41000
- Ajax传递List对象到前台展示问题遇到的坑
- [Linux] [JNI]
- Linux 防火墙:Netfilter iptables
- mybatis-generator自动生成代码工具
- Vmware unknow Interface ens33