vue-cli搭建的框架 localhost位置问题

Question

用vue-cli搭了个工程,准备模拟一下获取文件数据,去取json文件数据时提示找不到文件
我应该把json文件放在哪儿?或者怎么取到?
这个是提示我的错误:

`

           this.$http({
                url: /data.json, 
                method: 'POST',
                data: this.param
            })
            .then(function (response) {
                this.pageTotal = response.data.page_num
                console.log(response.data.page_num)
                if (this.pages.length !== this.pageLen || this.pageTotal < this.pageLen) {
                    this.getPages()
                }

                if (!response.data.data.length) {
                    this.activeNum = this.pageTotal - 1
                }

                this.$dispatch('data', response.data.data)
            })

`
以上是我取数据的代码

工程结构

想取到data.json的数据,这个文件应该放在哪儿,或者url我应该怎么配置,谢谢!

Answer 1

可以把 data.json 放到 static 目录下，然后按 /static/data.json 这个路径获取

Answer 2

如果data.json里是json格式的数据的话，可以尝试直接在要使用的地方require,前提是data.json的数据要按cmd格式export。
var data = require('./data.json');