vue组件+axios访问本地json

import axios from ‘axios‘export default {  name: "AjaxText",  data: function () {    return {      message: {}    }  },  mounted() {    this.cartView();  },  methods:{    cartView() {      let vm=this;      axios.get("/static/sites.json", {}).then(function (response) {        vm.message = response.data;      })    }  }}

webstrom创建的vue项目,本地json要放在static文件夹下

原文地址:https://www.cnblogs.com/wangpeili/p/9503093.html

时间: 2024-10-08 09:57:17

vue组件+axios访问本地json的相关文章

vue通过axios请求本地json数据

1.下载插件 npm install axios --save 2.在main.js下引用axios import axios from 'axios' Vue.prototype.$http=axios 3.在static文件夹下写静态文件 home.json { "name":"xuexue", "age":20} 4.在组件中请求数据 this.$http.get('../../static/home.json').then(functio

vue cli3.0用axios调用本地json数据一直报404

最近在基于vue做后台管理系统时,用了vue cli3.0用axios调用本地json数据一直报404,市面上所有的解决办法都没用,快崩溃了,结果最后发现原因是,vue cli3.0 public 文件夹才是静态资源文件,问题解决,记录一下,以后不再踩坑. 最近发现好多人都踩这个坑,索性把我的结构发出来. 参考地址:https://www.love85g.com/?p=1500 原文地址:https://www.cnblogs.com/dapengFly/p/11359456.html

Vue-cli3.0项目下axios请求本地json文件的数据

1. Vue-cli3.0项目节省了很多文件,比如讲vue-cli3.0之前版本的build/dev-server.js配置放在了vue.config.js中. 2. 在Vue-cli3.0项目的vue.config.js或vue-cli3.0之前版本的build/dev-server.js中配置: const express = require('express')const app = express() var singer = require('./src/db/data/singer.

访问本地json文件因跨域导致的问题

我使用jquery的getJSON的方法获取本地的json文件,并进行操作,获取json 数据代码如下: $.getJSON("invite_panel.json",function(data){//获取json文件中的数据 $.each(data, function (index, obj) //对json数据进行遍历 } 因我获取的是本地的 json 文件数据,因此导致了跨域问题,使得大部分主流浏览器报错,并无法获取本地的 json 文件,使用chrome浏览器查看错误如下: 通过

在vue-cli3中使用axios获取本地json

在vue-cli3中,公共文件夹由static变成了public 先把要访问的json放到public文件夹下 使用axios的get方法获取,不能用post,不然会报404 axios.get(`./china-main-city/100000.json`) .then((data) => { console.log(data) }) 原文地址:https://www.cnblogs.com/zhaobao1830/p/11799351.html

nodejs+express-> http 访问本地json数据

首先要把json 放入public文件目录下: 在config.js里面定义domainUrl exports.domainUrl = 'http://localhost:3000'; 在 index.js中 var config = require('../config'); var domainUrl = config.domainUrl; router.get('/index', function(req, res) { if(req.session.username){ res.loca

vue axios post不能本地json

vue 脚本架里axios post是不能本地json,GET可以 解决这个问题需要自己在node里写脚本: 在build里新建立fakedata.js var express = require('express') var app = express() // 本地json-server服务器搭建代码 // 引入数据库文件 var appData = require('../static/data/1.json'); var apiRoutes = express.Router() // 使

Vue2.0与 [百度地图] 结合使用———vue+webpack+axios+百度地图实现组件之间的通信

Vue2.0与 [百度地图] 结合使用: 1.vue init webpack-simple vue-baidu-map 2.下载axios cnpm install axios; 3.在main.js中引入axios,并使用 import axios from 'axios' /* 把axios对象挂到Vue实例上面,其他组件在使用axios的时候直接 this.$http就可以了 */ Vue.prototype.$http = axios; 4.引入百度地图的js秘钥--->最好在inde

组件可以访问Vue实例数据吗

组件是一个单独功能模块的封装:这个模块有属于自己的HTML模板,也应该又属于自己的data数据 组件中的数据是保存在哪里呢?顶层的Vue实例中吗?经过测试 我们发现是不能访问的,即使可以访问,如果将所有数据都放在Vue实例中,Vue实例就会变得非常臃肿,Vue组件应该有自己保存数据的地方 组件对象也有一个data属性(组件的原型就是指向Vue的,也可以有methods属性,生命周期) 只是这个对象属性必须是一个函数,而且这个函数返回一个对象,对象内部保存着数据 为什么组件data属性必须是函数写