vue请求数据,build文件没有dev-server.js解决办法

在最新的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)
//找到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)
        })
      })
    }

恩 大概就是这样吧,小白一枚,有问题欢迎各位大佬提出建议。。


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值