vue请求数据,build文件没有dev-server.js解决办法
2017-12-19 18:11
1121 查看
在最新的vue-webpack-template 中已经去掉了dev-server.js和dev-client.js 改用webpack.dev.conf.js代替,所以 配置本地访问在webpack.dev.conf.js里配置即可
1.旧版dev-server.js配置本地数据访问:
在var
compiler = webpack(webpackConfig)前面配置
var app = express()
var appData = require('../data.json')
var seller = appData.seller
var goods = appData.goods
var ratings = appData.ratings
var apiRoutes = express.Router()
apiRoutes.get('/seller', function (req, res) {
res.json({
errno: 0,
data: seller
}
)
})
apiRoutes.get('/goods', function (req, res) {
res.json({
errno: 0,
data: goods
}
)
})
apiRoutes.get('/ratings', function (req, res) {
res.json({
errno: 0,
data: ratings
}
)
})
app.use('/api', apiRoutes)
2.新版在webpack.dev.conf.js配置
const express = require('express')
const app = express()
var axios = require('axios')
var apiRoutes = express.Router()
app.use('/api', apiRoutes)
989b
恩 大概就是这样吧,小白一枚,有问题欢迎各位大佬提出建议。。
1.旧版dev-server.js配置本地数据访问:
在var
compiler = webpack(webpackConfig)前面配置
var app = express()
var appData = require('../data.json')
var seller = appData.seller
var goods = appData.goods
var ratings = appData.ratings
var apiRoutes = express.Router()
apiRoutes.get('/seller', function (req, res) {
res.json({
errno: 0,
data: seller
}
)
})
apiRoutes.get('/goods', function (req, res) {
res.json({
errno: 0,
data: goods
}
)
})
apiRoutes.get('/ratings', function (req, res) {
res.json({
errno: 0,
data: ratings
}
)
})
app.use('/api', apiRoutes)
2.新版在webpack.dev.conf.js配置
const express = require('express')
const app = express()
var axios = require('axios')
var apiRoutes = express.Router()
app.use('/api', apiRoutes)
//找到devServer在里面添加 before (app) { app.get('/api/getDiscList', function (req, res) { var url = '' //链接地址 axios.get(url, { headers: { referer: '', host: '' }, params: req.query }).then((response) => { res.json(response.data) }).catch((e) => { console.log(e) }) }) }
989b
恩 大概就是这样吧,小白一枚,有问题欢迎各位大佬提出建议。。
相关文章推荐
- vue创建项目build的文件夹下没有dev-server.js文件了,怎么mock数据?
- 为什么vue-cli创建的build文件下没有dev-server.js文件
- 最新的vue没有dev-server.js文件,如何进行后台数据模拟?
- 最新的vue webpack模板没有dev-server.js文件,进行后台数据模拟笔记
- 最新的vue没有dev-server.js文件,如何进行后台数据模拟?
- 没有dev-server.js文件,如何进行后台数据模拟?
- VUE开发请求本地数据的配置,旧版本dev-server.js,新版本webpack.dev.conf.js
- VUE开发请求本地数据的配置,旧版本dev-server.js,新版本webpack.dev.conf.js
- vue-cli加载不到dev-server.js的解决办法
- vue-cli没有dev-server.js文件该怎么办
- vue开发请求本地数据旧版本dev-server.js,新版本webpack.dev.conf.js
- 没有dev-server.js文件该怎么配置本地数据
- 没有dev-server.js文件,如何进行后台数据模拟?
- 详解vue-cli脚手架build目录中的dev-server.js配置文件
- VUE开发请求本地数据的配置,旧版本dev-server.js,新版本webpack.dev.conf.js
- 使用vue-cli没有'dev-server.js'以及'dev-client.js'文件
- 浅谈vue-cli加载不到dev-server.js的解决办法
- IE浏览器没有加载CSS或js文件的秘密及解决办法
- 没有文件扩展".js"的脚本引擎 解决办法
- 不能访问共享的文件,电脑提示“您没有权限访问//(路径)。请与网络管理员联系请求访问权限”的解决办法