vue配置请求本地json数据需要哪些步骤 js怎么读取本地的 json数据

vue配置请求本地json数据需要哪些步骤

在const app = express()后，const compiler = webpack(webpackConfig)前配置即可，
var appData = require(../data.json)
var seller = appData.seller
var goods = appData.goods
var ratings = appData.ratings
var foods = appData.foods
var pice = appData.pice
var apiRoutes = express.Router()

apiRoutes.post(/foods, function (req, res) {
res.json({
errno: 0,
data: foods
})
})

apiRoutes.get(/seller, function (req, res) {
res.json({
errno: 0,
data: seller
})
})

apiRoutes.get(/goods, function (req, res) {
res.json({
errno: 0,
data: goods
})
})

apiRoutes.get(/ratings, function (req, res) {
res.json({
errno: 0,
data: ratings
})
})

apiRoutes.get(/pice, function (req, res) {
res.json({
errno: 0,
data: pice
})
})
app.use(/api,apiRoutes)

js怎么读取本地的 json数据

引用jQuery库使用ajax读取
 $.ajax({
                type: "GET",
                url: "Content/list.txt",//本地json文件路径
                dataType: "json",
                success: function (data) {
                    console.info(data)
                    for (var i = 0 i                         var trTD = "
""   data[i].optionKey   " "   data[i].optionValue   "
                        $("#tb").append(trTD)
                    }
                }
            })

使用JavaScript读取本地json文件 出错

服务器接收到URL请求后，会解析url，找到相应的文件或方法。如果没有找到文件，报404错误，检查下面两个原因：
1. 代码中写的文件路径是否正确；
2. 服务器是否支持对json文件类型路由的解析，如果不支持，自然就找不到了。

vue.js resource 请求后台得到json要怎么解析出来

这样试试：

new Vue({
el: #post_from2,
ready: function () {
var self = this
this.$http.post(./fun/post.php, {
type: "sydata"
}, {
headers: {
"X-Requested-With": "XMLHttpRequest"
},
emulateJSON: true
}).then(function (data) {
self.b = data
})
},
data: {
b: {}
}
})

js怎么读写本地json文件

将json转成对象复制给变量，如果该对象是数组型的，遍历可以访问对象内部属性；如果不是数组型的，直接访问：
var obj = {name:久久经验网,url:http://www.exp99.com}
var getName = obj.name//输出：久久经验网