2回答

qq_自言自语_3

2018-01-07

我是这么做的：使用express做后端数据的接口。

1独立启动一个express项目，建立一个app.js，代码如下：

/////////////////////////////////////////////////////

var express = require('express')

var app = express()

app.get('/',function(req, res){

var data = require('./mock/goods.json')/*这里放置你要获取的json文件*/

console.log('has send data')

res.send(data)

})

app.listen(3000, function(){

console.log(' 监听端口 3000');

});

/////////////////////////////////////////////////

然后使用node app.js启动服务，这个时候可以打开localhost:3000查看数据

2在vue项目中通过api来获取express提供的数据，这里需要注意一点。有跨域请求的问题。

在goodList.vue中，方法如下：

getGoodsList(){
 axios.get('/api').then(response=>{    //这里我请求的是/api
   var res = response.data
    this.goodList = res.result
    console.log(response.data.status)
  })
}

打开config目录下的index.js，有一个proxyTable,这是代理表，也就是解决跨域的问题。代码如下

proxyTable: {
 '/api':{
   target:'http://localhost:3000',
   changeOrigin:true,  //这里就是将跨域请求为true

    pathRewrite:{

     '^/api':'/'
   }
 }
},

0

1

qq_自言自语_3

express官网有介绍，很简单。和启动vue项目一样简单。

2018-01-07

共1条回复

学而乐乐

2018-01-04

我也碰到了此问题，是不是因为没有先安装Express框架的缘故？？

0

0