Skip to content

Commit db8dc10

Browse files
authored
Update README.md
1 parent 0ea9004 commit db8dc10

File tree

1 file changed

+41
-1
lines changed

1 file changed

+41
-1
lines changed

README.md

+41-1
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,43 @@
11
# vueDemo
22
我的第一个vue demo
3-
#第一次修改
3+
4+
新版vue-cli运行旧版配置:
5+
https://www.cnblogs.com/chen-cong/p/8001352.html
6+
7+
新版本配置webpack.dev.conf.js进行本地数据访问,在const portfinder = require(‘portfinder’)后添加
8+
const express = require('express')
9+
const app = express() //创建express应用程序
10+
var appData = require('../data.json')//加载本地数据文件
11+
var seller = appData.seller//获取对应的本地数据
12+
var goods = appData.goods
13+
var ratings = appData.ratings
14+
var apiRoutes = express.Router() // 获取一个 express 的路由实例
15+
app.use('/api', apiRoutes)
16+
17+
其中,app.use是express“调用中间件的方法”。所谓“中间件(middleware),就是处理HTTP请求的函数,用来完成各种特定的任务,比如检查用户是否登录、分析数据、以及其他在需要最终将数据发送给用户之前完成的任务。”。这是阮一峰文章的原话。
18+
19+
简而言之,app.use() 里面使用的参数,主要是函数。但这个使用,并不是函数调用,而是使能的意思。当用户在浏览器发出请求的时候,这部分函数才会启用,进行过滤、处理。
20+
21+
然后在下面找到devServer,在里面添加
22+
before(app) {
23+
app.get('/api/seller', (req, res) => {
24+
res.json({
25+
errno: 0,
26+
data: seller
27+
})//接口返回json数据,上面配置的数据seller就赋值给data请求后调用
28+
}),
29+
app.get('/api/goods', (req, res) => {
30+
res.json({
31+
errno: 0,
32+
data: goods
33+
})
34+
}),
35+
app.get('/api/ratings', (req, res) => {
36+
res.json({
37+
errno: 0,
38+
data: ratings
39+
})
40+
})
41+
}
42+
本地data.json数据放在根目录下与index.js同级,重行执行npm run dev,输入 localhost:8080/api/seller即可
43+

0 commit comments

Comments
 (0)