Vue无法获取本地json？

Question

引用本地的话就没有什么想过。。在服务器上运行也没用。

js这么写的       $(function() {
        var vm = new Vue({
            el: '#vm',
            data: {
                title: 'TODO List',
                todos: [],
            },
            mounted: function() {
                var self = this;
                this.$http.get("/static/data/list.json").then(function(res) {
                    for (var i = 0, len = res.body.list.length; i < len; i++) {
                        var selData = res.body.list[i];
                        self.todos.push(selData);
                    }
                })
            }
        });
        window.vm = vm;
    });
    
    然后这个
      <div id="vm">
                        <h3>{{ title }}</h3>
                        <ol>
                            <li v-for="t in todos">
                                <dl>
                                    <dt>{{ t.name }}</dt>
                                    <dd>{{ t.description }}</dd>
                                </dl>
                            </li>
                        </ol>
                    </div>
                    

Answer 1

你研究研究这个https://www.cnblogs.com/momoz...

Answer 2

如果你是用vue-cli构建的项目的话，获取本地json数据可以使用mock，具体步骤方法
1.在build/dev-server.js 中添加如下代码：

app.use('/mock',express.static('./mock'))

2.创建 mock 文件夹以及相关json数据文件
这样就可以了，测试：浏览器输入 http://localhost:8080/mock/data/list.json

如果你不嫌麻烦也可以使用json-server,参见https://github.com/typicode/j...

Answer 3

调json和掉接口一样的啊，


然后提问的时候你至少把输出结果给出来把，