鍍金池/ 問(wèn)答/HTML/ Vue無(wú)法獲取本地json?

Vue無(wú)法獲取本地json?

引用本地的話就沒(méi)有什么想過(guò)。。在服務(wù)器上運(yùn)行也沒(méi)用。

js這么寫(xiě)的       $(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;
    });
    
    然后這個(gè)
      <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>
                    

目錄

回答
編輯回答
心上人

你研究研究這個(gè)https://www.cnblogs.com/momoz...

2018年7月2日 10:38
編輯回答
瘋子范

如果你是用vue-cli構(gòu)建的項(xiàng)目的話,獲取本地json數(shù)據(jù)可以使用mock,具體步驟方法
1.在build/dev-server.js 中添加如下代碼:

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

2.創(chuàng)建 mock 文件夾以及相關(guān)json數(shù)據(jù)文件
這樣就可以了,測(cè)試:瀏覽器輸入 http://localhost:8080/mock/data/list.json

如果你不嫌麻煩也可以使用json-server,參見(jiàn)https://github.com/typicode/j...

2017年4月18日 02:03
編輯回答
蟲(chóng)児飛

調(diào)json和掉接口一樣的啊,
clipboard.png
clipboard.png
然后提問(wèn)的時(shí)候你至少把輸出結(jié)果給出來(lái)把,

2018年8月4日 10:49