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()
// 使用api的方法来创建连接时候的请求
apiRoutes.post(‘/test‘, function (req, res) {
  res.json({
    errno: 0 ,
    data: appData
  });
})

apiRoutes.post(‘/test2‘, function (req, res) {
  res.json({
    errno: 0 ,
    data: appData.data.slide
  });
})

module.exports = apiRoutes;
// 调用api
//app.use(‘/api‘, apiRoutes);
//axios.post(‘/api/test2,{"abc":234}); 这样的形式调用

然后在dev-server.js最后加上:

var fakedata= require(‘./fakedata.js‘);
app.use(‘/api‘, fakedata);

重启后,这样就可以:

axios.post(‘/api/test2‘,{"abc":123}); 调用了

时间: 2024-10-10 10:46:43

vue axios post不能本地json的相关文章

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)

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.

在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

axios请求VUE-CLI3项目本地json文件404

注意:cli3和cli2的区别:1. 静态资源文件目录由static变为public2. 不能把.json文件直接放到public下,必须放到public/js下(自己创建js目录)3. 引用方式如下: axios.get("/js/tagList.json").then(data => { this.tagList = data.data; }); 参考链接:http://www.imooc.com/article/details/id/291839 原文地址:https://

vue+axios跨域解决方法

通过这种方法也可以解决跨域的问题. 使用http-proxy-middleware 代理解决(项目使用vue-cli脚手架搭建) 例如请求的url:"http://f.apiplus.cn/bj11x5.json" 1.打开config/index.js,在proxyTable中添写如下代码: 1 2 3 4 5 6 7 8 9 proxyTable: {    '/api': {  //使用"/api"来代替"http://f.apiplus.c&quo

vue axios请求频繁时取消上一次请求

一.前言 在项目中经常有一些场景会连续发送多个请求,而异步会导致最后得到的结果不是我们想要的,并且对性能也有非常大的影响.例如一个搜索框,每输入一个字符都要发送一次请求,但输入过快的时候其实前面的请求并没有必要真的发送出去,这时候就需要在发送新请求的时候直接取消上一次请求.vue axios拦截器介绍 原文地址:https://www.cnblogs.com/lalalagq/p/9939542.html 二.代码 <script> import axios from 'axios' impo

增删改查本地JSON

存储数据到JSON文件: User u = new User(); MessageUtil.cache="D:\\WSE\\Weixin\\" String path = MessageUtil.cache + "WebContent\\config\\user.json"; JSONObject jo = JSONObject.fromObject(u); FileWriter writer = new FileWriter(path, true); writer

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

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