根据学习发现vue现在新版是没有dev-server.js的,现在所有的后台数据模拟或开发本地请求本地数据配置都在webpack.dev.conf.js配置使用。
旧版源码都是在dev-server.js配置好可以用的,但新版只能在webpack.dev.conf.js重新更改配置。
一,创建好开发框架的实例等
不管是旧版dev-server.js还是新版webpack.dev.conf.js,用什么就创建好什么(这里也用到axios处理数据):
const express = require('express')
const axios = require('axios')
const app = express()
const apiRoutes = express.Router()
app.use('/api', apiRoutes)
ps:旧版dev-server.js 里这代码app.use(’/api’, apiRoutes),一般放在写好的json数据下面。
二,请求配置get
旧版dev-server.js:
组件数据请求是在server端,server端再去url那个网站服务端请求数据。请求fcg有接口限制:有请求头(Request Headers)需要用到host(域名)和referer(请求来源)。
新版webpack.dev.conf.js:
在devServer的里面加上before()方法
ps:若这里没有axios:axios.get(url, {})的代码去除,使用res.json({})
三,发送配置post
旧版dev-server.js:
新版webpack.dev.conf.js:
在devServer的里面:
ps:若这里没有axios:axios.get(url, {})的代码去除,使用res.json({})
在组件里面:
created () {
this.$http.post('http://localhost:8080/api/postDiscList/user').then((response) => {
console.log(response)
})
}