首页 文章
  • 0 votes
     answers
     views

    Axios Response数据和Vue JS,使用数据

    Vue的新手而不是Javascript的爱好者所以我有一个Vue组件,它使用Axios来获取控制台中的一些数据 . 我只是无法将代码输出到我的表单元素 . 所以我让Axios拦截响应并获取数据 methods: { }, mounted: function() { axios.interceptors.response.use(function (response...
  • 0 votes
     answers
     views

    单元测试使用Vuex,Router和axios的Vue.js组件

    我很困惑为一个简单的登录组件编写单元测试规范,如下所示: 登录 <script> export default { data () { return { email: '', password: '' } }, methods: { async login () { this.$store.dispatch('lo...
  • 0 votes
     answers
     views

    如何让Vue子组件识别出在Vue $ root组件上完成加载的axios?

    我的小Vue应用程序的基本设置遵循基本的Vue Cli 3设置: -main.js(= root) App.vue --- Navigation.vue(这个叫$ root) 在main.js的created()中有这个函数来加载导航菜单的json: [...] data() { return { navMainItems: null s...
  • 5 votes
     answers
     views

    在发送许多ajax请求时处理axios拦截器

    我使用Larave JWT和vue2 vuex2 axios 因此,当用户登录时,我将身份验证令牌存储在vuex存储中 . 当令牌过期时,我需要刷新它 . 为了刷新它,我需要将相同的令牌发送到 /refresh 路由,并获得一个新令牌 . 至少我是如何得到的,实际上它是有效的 . 问题是拦截器捕获401响应并尝试刷新令牌,但是,如果在我的组件中我发送了许多带有过期令牌的请求,该怎么办?由于ajax...
  • 0 votes
     answers
     views

    Vue-js和Vuex:查看未更新

    我正在使用Vuejs和Vuex来玩 . 目前我在触发AJAX调用后更新视图(vuejs)时出现问题 . 视图应该更新但如果我使用数组,对象和布尔值则不起作用 . 如果我通过商店提交更新字符串,这将在视图中正确更新 . 我确实在vue开发工具中看到vuex / store正确更新 . 一旦我对example.vue的部分进行了更改,就会启动热重新加载并显示数据 . 我认为我真的错了一件小事,但无法弄...
  • 0 votes
     answers
     views

    如何使用Axios发布表单数据?

    我正在开发一个带有springboot后端和Vue前端的项目 . 现在我能够从我的数据库中获取产品列表 . 我可以获取列表并将其显示在页面上,但我正在尝试使用表单来发布新产品 . 我能够成功设置POST方法,但只能发送硬编码信息 . 使用Vuex我应该更新状态然后发布或只是使用操作将表单数据直接发布到我的后端?什么是最佳实践,我该怎么做? 请注意我遇到的区域是组件中的“data:function(...
  • 2 votes
     answers
     views

    为什么子组件在React中没有使用Axios获得父级道具

    我用一个简单的标志来解决它: 我在states对象上添加了一个新的 flag 属性: loaded:false 当我获取数据时,我将 loaded 值更新为true,如下所示: helpers.getValues().then(results => this.setState({values:results.data,loaded:true})); And finally, ...
  • 0 votes
     answers
     views

    Axios React GET请求 - 从API调用设置状态或道具?

    React的新功能 - 我想通过Axios向我的Rails后端发出GET请求,以引入组织列表中的静态数据(只是用户具有搜索功能的表) . 目前,我按照我想要的方式工作,同时传递我手工制作的一系列组织,作为我的 WholeApp 类的道具 . 现在,我想调用API endpoints 来实现相同的效果,但是要使用真实数据 . 但是,当我通过Axios调用将状态设置为组织列表时,我认为它会在调用完成之...
  • 2 votes
     answers
     views

    React.js - 正确加载API中的单个发布数据

    我对React很新,并尝试着我应该如何正确地从我的API加载单个帖子的数据 . 我已经读过我应该使用“componentDidMount”来向API发出我的GET请求,但是在组件呈现时请求还没有完成 . 所以我的代码不起作用,因为我收到错误:“无法读取未定义的属性setState” . 我在这做错了什么?我应该从其他地方调用setState吗?我的简单组件如下 - 谢谢 . import Reac...
  • 2 votes
     answers
     views

    使用react / axios的空POST请求

    我'm new to node.js and react. I'已经构建了一个后端api,为一个带有三个字段的 Products 模型公开 CRUD endpoints : Title , Description 和 Price . 我使用 node/express 作为带有 SQLite db文件的服务器 . 我使用postman测试了 endpoints ,可以成功访问所有产品,检索单个产...
  • 9 votes
     answers
     views

    React Proxy错误:无法将请求/ api /从localhost:3000代理到http:// localhost:8000(ECONNREFUSED)

    我有一个React前端,它使用jwt来验证Django后端 . 后端工作,并使用django视图连接正常,但当我尝试代理来自React的请求时,它给了我一个连接拒绝错误 . 代理错误:无法将请求/ api / auth / token / gain /从localhost:3000代理到http:// localhost:8000(ECONNREFUSED) . 连接到http://local...
  • 0 votes
     answers
     views

    rails api,反应前端,axios,CORS在开发中不起作用

    我确信这个问题(或者非常类似的问题)已被多次询问,但我是新手来处理原始请求,并且在搜索其他人的答案时,我无法从React发送基本请求前端到只有rails-api的后端,而两者都在开发服务器上本地运行 . 任何帮助解决这个问题/帮助我理解为什么它不工作将是非常感谢! 前端:(在onClick函数处理程序上,在端口3000上的npm dev服务器上运行) function sendGetRequest...
  • 1 votes
     answers
     views

    使用带有Express和Axios的Multer将图像上传到mongodb

    我基本上试图制作一个小应用程序,允许管理员用户输入产品的名称,价格和图像,然后可以在另一个页面上查看 . 详细信息将发送到mongo数据库,该数据库将通过前端的axios post执行 . 我可以发送名称和价格没有问题,可以在前端动态看到,但是,我无法将图像发送到mongo数据库,我已经尝试实现了很长一段时间 . 我正在使用multer和axios来尝试发送文件,因为应用程序是一个反应应用程序 ....
  • 0 votes
     answers
     views

    无法通过React将文件通过Axios发布到Express endpoints

    我完全没死了 . 几个小时以来,我一直在寻找答案,但似乎无法得到任何工作 . React app 用于AJAX的Axios 尝试使用multer将文件发布到Express endpoints . 我的终点: const storage = multer.memoryStorage(); const upload = multer({ storage: storage }); ...
  • 0 votes
     answers
     views

    如何将json文件导入带有axios的角度组件?

    我生成了(ng-cli)一个角度为5的app并创建了这个组件: import {Component} from '@angular/core'; import axios from 'axios'; @Component({ selector: 'app-root', templateUrl: './app.component.html', styleUrls: ['./app.co...
  • 0 votes
     answers
     views

    无法在反应应用中使用HTTPS = true的反应js本地加载图像和json文件

    我使用create-react-app创建了一个react应用程序,并使用命令 set HTTPS=true&&npm start 运行它 . 另外,我正在使用axios进行AJAX调用 . 在应用程序中,我想使用来自 src/shared/mockdata 文件夹下的本地目录中的JSON文件的模拟数据,但不知何故我得到了 404 error/ Cannot GET /assets...
  • 1 votes
     answers
     views

    TypeError:无法使用vue.js和axios读取未定义的属性'post'

    我试图通过vios方法中的axios'帖子传递数据并获取错误: “signinVue.js:60 Uncaught TypeError:无法读取未定义的属性'post'” Vue script: new Vue({ el:'#app', data:{ email:'', code:'', }, methods:{ ...
  • 0 votes
     answers
     views

    aws-enlarge与Nativescript的集成(角度)

    我正在尝试将 ams-amplify 与 NativeScript 集成,但我无法使其成功运行 . import { Component, OnInit } from "@angular/core"; require("nativescript-nodeify"); var Amplify = require("aws-amplify&quot...
  • 1 votes
     answers
     views

    Axios从React获取请求到Spring Boot应用程序返回网络错误

    我有一个带有@Controller的SpringBoot应用程序,它接受对localhost:8080 / all的getRequest并返回JSON . 我已在浏览器中输入此域并查看返回的JSON . 但是,当我尝试使用来自我的React应用程序(本地运行)的Axios get请求来访问此URL时,而不是返回JSON数据,它会返回以下错误: Network Error at createErro...
  • 2 votes
     answers
     views

    Vue.js:在vuex行动中未被捕获的承诺

    我理解vuex动作返回承诺,但我没有在vuex中找到 ideal pattern to handle errors . 我目前的方法是在我的axios插件上使用错误拦截器,然后将错误提交到我的vuex商店 . 在 plugins/axios.js : export default function({ $axios, store }) { $axios.onError(error =&g...
  • 0 votes
     answers
     views

    在JavaScript Axios中嵌套API调用,返回正确的承诺

    我正在尝试使用axios将数据发布到我的API . 我需要请求并发送XSFR令牌以及请求 . 我正在使用React,Redux,Thunk和Axios . 我需要将其作为React组件内部的承诺处理 . 它现在但它没有以所需的方式响应 . 只要令牌请求成功,它总是解析承诺,即使帖子失败也是如此 . 我在我的React组件中启动它的调用位于底部,即使axios调用在帖子上失败并且我确实从第二次调用的...
  • 1 votes
     answers
     views

    Vue-Axios错误不会传播以捕获异步try catch块

    我正在使用Axios从Vuex商店中发布到api,当api从服务器返回错误时,它会抛出一个错误,该错误无法在try catch块中捕获 . // 那个行动 async register({ commit }, params) { // I use an axios interceptor to format all responses like this // so I can ...
  • 0 votes
     answers
     views

    Vue.js,Axios多次获取对Laravel API的CORS请求随机失败

    我有这个问题 - 在Vue组件创建生命周期钩子我正在通过Axios向外部Laravel API发出2个CORS获取请求 . 如果我只提出其中一个请求,一切都很好,它可以100%的时间工作 . 但是,如果我发出2个或更多请求,我有时会在网络选项卡中随机获得失败的请求 . 显然我对Axios做错了 . 你能帮我么 . 这是我创建的组件钩子 - 我调用了VueX动作 . created () { ...
  • 3 votes
     answers
     views

    VueJs Axios和Typescript

    我被交给一个基地来开发一个项目 . 它是在Vue和Typescript中制作的,在网上没有太多支持 . 我目前需要进行多次API调用以检查服务的可用性,并且必须在组件内部执行这些调用 . 出于某种原因,我无法弄清楚如何做到这一点 . 我现在拥有的是: import * as Vue from 'vue'; import { Component } from 'vue-property-decora...
  • 7 votes
     answers
     views

    如何在组件和Axios中使用数据?

    我是VueJS2和Axios的新手,并且不太了解在组件中使用时如何使数据工作 . Why doesnt' my test work? 我在控制台中收到以下错误: [Vue warn]:“data”选项应该是一个在组件定义中返回每个实例值的函数 . [Vue警告]:属性或方法“符号”未在实例上定义,但在呈现期间引用 . 确保在数据选项中声明反应数据属性 . (在根实例中找到) 我的简单测试:...
  • 0 votes
     answers
     views

    React-Native:解析JSON时键入Error

    我正在尝试实施新闻应用程序 . 它应该在缩略图图像和描述开始时显示新闻 Headers 列表,然后点击该URL应该在浏览器中打开 . 但是,我被困在中途获得类型错误 . 以下是我的NewsList和NewsDetail文件的代码 . NewsList.js import React, { Component } from 'react'; import { ScrollView } from 'r...
  • 0 votes
     answers
     views

    Nuxtjs Axios in Vuex Module CORS错误

    我正在使用Nuxtjs和内置的Vuex模块以及Nuxtjs的官方axios . 我正试图从我的本地服务器GET,它总是抛出CORS错误 . 所以我对Github的公共 endpoints 进行了API调用,并且仅在我的控制台中获取了CORS错误 . 我正在使用Store操作在组件创建生命周期上启动对服务器的AJAX调用 . 这是我的代码 . // component.vue created ()...
  • 1 votes
     answers
     views

    将使用axios获取的json数据拆分为可重定向到页面的可单击列表项

    Noob做出反应,以及与网络开发有关的所有事情 . 我正在尝试在Navbar中创建一个列表,其中包含将用户重定向到新页面的按钮 . 我从JSON文件中获取运动,我有下面的代码来减少/摆脱所有重复项 . 我现在的问题是创建列表的最佳做法,例如带有按钮的导航栏,每个按钮可以获得一项运动 . 我在总共有5项运动,我不知道如何将它们从SportList.js文件中分离出来 . 我的目标是以某种方式将它们附...
  • 18 votes
     answers
     views

    使用Axios处理Redux中的api调用

    晚上好大家! 我是React和Redux的初学者,所以如果听起来完全愚蠢的话,请耐心等待 . 我正在尝试学习如何在Redux中执行一些API调用,但这并不是很好 . 当我控制记录来自动作创建者的请求时,promise值总是“未定义”,因此我不确定我是否正确执行此操作 . 我的目标是从有效负载对象内的数据中获取信息并将其显示在组件内 . 过去几天我一直试图让这个工作起来,我完全迷失了 . 我正在使用...
  • 3 votes
     answers
     views

    Axios API调用返回Promise对象而不是结果?

    在开始之前,请允许我说我是Javascript的新手,并且对axios API调用很新,所以我可能会犯一个菜鸟错误...... 我有这个函数 getObjects() ,我得到一个Promise对象而不是我想要的数据 . 我认为这是因为在有足够的时间实际获取数据之前返回数据,但不确定如何修复?我尝试了 .setTimeout() ,但这似乎不起作用 . getObjects() { let...

热门问题