结构目录
将模拟的数据存储在mock文件夹下 配置vue.config.js
const login = require('./src/mock/login.json')
const sort = require('./src/mock/sort.json')
const city = require('./src/mock/city.json')
const classify = require('./src/mock/classify.json')
const shop = require('./src/mock/shop.json')
const address = require('./src/mock/address.json')
const merchant = require('./src/mock/merchant.json')
const grade = require('./src/mock/grade.json')
module.exports = {
devServer: {
before: (app) => {
app.get('/login', function (req, res, next) {
res.json(login)
})
app.get('/sort', function (req, res, next) {
res.json(sort)
})
app.get('/city', function (req, res, next) {
res.json(city)
})
app.get('/classify', function (req, res, next) {
res.json(classify)
})
app.get('/shop', function (req, res, next) {
res.json(shop)
})
app.get('/address', function (req, res, next) {
res.json(address)
})
app.get('/merchant', function (req, res, next) {
res.json(merchant)
})
app.get('/grade', function (req, res, next) {
res.json(grade)
})
}
},
// 关闭eslint检查
lintOnSave: false,
};
请求数据
new Vue({
methods:{
getData() {
this.$axios({
url: "sort",
method: "get",
contentType: "application/json",
dataType: "jsonp",
})
.then((data) => {
this.filterData = data.data;
})
.catch((error) => error);
},
}
})