2回答

观察者K

提问者

2017-12-04

我知道 但是这个通过直接下载课程上的项目文件的代码，如果是一直看视频的话，通过新init webpage 项目是没有dev-server的，而且课程里面的文件已经写好了，所以少了很多实践性啊？   还有就是想问问dev-server是通过node.js生成的吗？

0

4

Yoooshiki

回复

观察者K

我是这样解决的： 由于新版的vue-cli生成的SPA模板没有dev-server，一开始我想的是在webpack.dev.conf.js获取mock数据，但是还要引入express、定义app变量之类的，反正我试了半天也没试出来， 于是就直接在GoodsList.vue里面使用axios拿到了mock数据，但是又出了一个问题：将result复制给goodsList的时候，一直报错："vue Cannot set property 'goodsList' of undefined" 后来google了一下， 发现原因是axios无法获取到this，于是解决方法就是： ``` js import axios from 'axios'; //可以自动去node_modles里面去查找 export default { name: "goods-list", components:{ NavHeader, NavFooter, NavBread }, data(){ return{ goodsList:[] } }, methods:{ //加载商品列表 getGoodsList(){ let _this=this; axios.get("../../mock/goods.json").then(function(res) { _this.goodsList=res.data.result; }).catch(e => { console.log(e); }) } }, mounted(){ this.getGoodsList(); } } ```

2017-12-24

共4条回复

河畔一角

2017-12-02

我们这个项目是有dev-server的，没有的话也没办法启动起来的。

0

1

观察者K

麻烦解答一下谢谢~

2017-12-05

共1条回复