在directusCMS中使用axios的修补程序请求失败
在Directus CMS中使用axios的修补程序请求失败，可能是由于以下几个原因导致的：
- 网络连接问题：首先，需要确保网络连接正常，可以尝试访问其他网站或服务来确认网络是否正常工作。
- CORS（跨域资源共享）问题：如果Directus CMS和修补程序位于不同的域名下，可能会遇到CORS问题。在这种情况下，需要在服务器端进行配置，允许来自修补程序域名的请求。
- 修补程序配置错误：检查修补程序的配置是否正确，包括URL、请求方法、请求头等。确保这些配置与服务器端的期望一致。
- 授权问题：如果修补程序需要进行身份验证或授权，确保在请求中包含正确的凭据或令牌。
针对以上问题，可以采取以下解决方案：
- 检查网络连接：确保网络连接正常，可以尝试使用其他网络或设备进行测试。
- 处理CORS问题：如果遇到CORS问题，可以在服务器端进行配置，允许来自修补程序域名的请求。具体的配置方法可以参考服务器的文档或咨询服务器管理员。
- 检查修补程序配置：仔细检查修补程序的配置，确保URL、请求方法、请求头等配置正确无误。
- 验证授权信息：如果修补程序需要进行身份验证或授权，确保在请求中包含正确的凭据或令牌。
对于Directus CMS中使用axios的修补程序请求失败的问题，腾讯云提供了一系列云产品来支持云计算和开发需求。以下是一些相关产品和链接地址：
- 云服务器（CVM）：提供可扩展的计算能力，用于部署和运行应用程序。了解更多：云服务器产品介绍
- 云数据库MySQL版（CDB）：提供高性能、可扩展的关系型数据库服务，用于存储和管理数据。了解更多：云数据库MySQL版产品介绍
- 云存储（COS）：提供安全可靠的对象存储服务，用于存储和管理大规模的非结构化数据。了解更多：云存储产品介绍
- 人工智能服务（AI）：提供丰富的人工智能能力，包括图像识别、语音识别、自然语言处理等。了解更多：人工智能服务产品介绍
请注意，以上产品仅为示例，具体的解决方案和产品选择应根据实际需求进行评估和决策。
相关·内容
4回答
我正在使用ReactJS中的axios补丁方法更新记录，但由于以下错误而失败了
加载失败:飞行前响应中的访问控制允许允许方法修补程序.
以下是我的行动：
export const UPDATE_AD_SLOTS_REQUEST = 'UPDATE_AD_SLOTS_REQUEST';
export const UPDATE_AD_SLOTS_SUCCESS = 'UPDATE_AD_SLOTS_SUCCESS';
export const UPDATE_AD_SLOTS_ERROR = 'UPDATE_AD_SLOTS_ERROR';
浏览 3提问于2018-05-26得票数 7
当我在邮递员中以相同的"url-link“发布相同的”数据对象“时，它的工作和我的数据都是在邮递员中成功地发布的。但是，当通过axios命中请求时，会出现重音错误“状态代码400请求失败”。我的数据也没有发布。我试图传递axios的数据对象，例如，“JSON.stringify(数据)”，但是它不能工作并且显示错误"status 400“。请解决我的问题..。
const Axios = require("axios");
export const uploadImages = (data) => async (dispatch) =>
浏览 1提问于2021-09-22得票数 0
有一个外部的烧瓶后端，我需要发出这个请求来使用Axios：
import axios from "axios";
import FormData from "form-data";
const formData = new FormData();
formData.append("client", "client");
formData.append("endpoint", "endpoint");
const response = await a
浏览 2提问于2022-06-26得票数 0
1回答
im使用MERN堆栈构建crud应用程序，方法add和get不被cors阻塞，但是补丁方法被cors在我的服务器上安装cors模块时阻塞，但仍然没有工作。
routes
import express from 'express';
import { createPost, getPost, updatePost } from '../controllers/posts.js';
const router = express.Router();
router.get('/', getPost);
router.post('/'
浏览 3提问于2022-04-03得票数 0
2回答
我正在用nuxt + express构建一个完整堆栈的应用程序，我终于成功地在我的前端/后端之间包含了一个带有护照和jwt的身份验证。
我希望向我自己的github发出额外的api请求，以获取最新版本(这样用户就可以获得存在更新的信息)。此请求程序在“不良凭据”消息中失败。我认为这是因为我的jwt令牌是与它一起发送的(我可以在请求头中看到我的令牌)。
我的问题是，是否有可能阻止axios仅在这个调用中发送我的JWT令牌？首先，为了使我的请求正常工作，其次，我不希望在外部请求中发送令牌。
示例：
const url = 'https://api.github.com/repos/xxx/
浏览 1提问于2021-05-30得票数 2
回答已采纳
我使用了"axios": "^0.19.2"，运行npm i给出了警告"npm @0.19.2:在V0.21.1.中修复的关键安全漏洞“，所以我运行npm update -S axios来更新它。但它未能更新axios。我运行yarn upgrade axios，但也失败了。
我原以为可能有一个模块需要0.19.2，所以我检查了package-lock.json，我在我的项目中找到了唯一需要axios的模块是pm2，但它需要"axios": "^0.21.0"，
"@pm2/js-api": {
浏览 8提问于2022-05-31得票数 0
在我的快速服务器上，我有一个脚本，它通过抓取来检索项目。我希望偶尔触发这个脚本，并将检索到的项推入我的数据库。
我的第一个想法是在我的API中创建一个端点(例如/api/scrape)。问题是，它将是一个GET请求，负责运行脚本、检索项目和修补项目(更新)我的数据库。让GET请求完成所有这一切似乎是不对的，特别是进行修补程序请求，但我也不能将GET请求更改为POST请求，因为我没有主体。
有人能帮我想出更好的办法吗？谢谢!
更新:触发端点的示例：
router.get('/scrape-items/', async (req, res) => {
try
浏览 1提问于2020-01-06得票数 1
回答已采纳
我第一次尝试用电容在Android模拟器上运行我的React/Ionic应用程序。应用程序应该连接到我的本地节点服务器使用Axios。
当我的应用程序在模拟器上成功启动时，所有服务器请求都在Msg: Error: Network Error中失败。
以下是我所做的步骤：
I将Axios配置为连接到http://10.0.2.2:3001而不是localhost，但是请求仍然失败
I在Android仿真器Chrome浏览器中打开url http://10.0.2.2:3001/api，成功地连接到我的服务器并返回响应
我尝试将以下内容添加到我的capacitor.config.json文件中，但
浏览 3提问于2020-11-15得票数 0
回答已采纳
我有一个在前端和后端之间充当中间件的应用程序。它基于cookie注入授权。
一些PUT和POST请求由于套接字挂起错误而失败。
axios.create({
timeout: 10000,
httpsAgent: new https.Agent({ keepAlive: true })
})
奇怪的是，并非所有的请求都失败了。
有一个服务器，PUT和POST请求在Axios中总是失败，但节点获取和postman没有失败。
我试图确定是某个特定的头还是负载本身导致了问题，但我什么也没有发现。
我试着使用axios 0.27.2，1.1.3。节点12，14
浏览 6提问于2022-10-19得票数 0
我能够使用这样的axios更新Firebase实时数据库中的数据：
axios.put('/blogposts/' + postId + '.json', post, {headers: {'Content-Type': 'application/json'}}).then(response => {
res.status(200).send(json.stringify(response.data));
}).catch(err => {
res.status(500).send('error put
浏览 1提问于2020-03-31得票数 0
回答已采纳
我知道axios拦截器可以处理bot，ok和ko
axios.interceptors.response.use(
// onFullfilled
function(axios_response) {
return axios_response;
},
// onRejected
function(axios_error) {
console.log(axios_error);
return Promise.reject(axios_error);
}
)
我确切的问题是:我如何在onRejected
浏览 0提问于2019-06-07得票数 3
回答已采纳
1回答
我想要的场景如下。
在我的react应用程序中，有两个不同的ajax调用从服务器端检索数据。它们不需要链接，响应也不是相互依赖的。我当前的代码如下所示。
componentDidMount() {
axios.all([
getOrganizationsForUser(this.state.accessToken, this.state.userId),
getAllUsersOfOrganizationsTemp()
]).then(axios.spread((organizations, users) => {
this
浏览 0提问于2018-04-09得票数 2
我有自定义的axios钩子，可以发送没有文件的数据--它工作得很好，但是当我发送文件时，它不识别任何数据。
......
const axiosFetch = async (params) => {
const { method, url, data } = params;
try {
setLoading(true);
const control = new AbortController();
setController(control);
const res = await axios[method.toLowerCase()](url, {
...dat
浏览 1提问于2022-05-07得票数 1
回答已采纳
1回答
我正在尝试向python后端rest发出javascript请求，并获得无法解决的错误。我正在尝试测试一个listname是否在传递给axios数据的request.json对象中，但是python要么看不到它，要么抛出一个错误。
下面是我的python代码：
@app.route('/', methods=['GET', 'DELETE', 'POST'])
def profits():
if request.method=='GET':
if 'listname' in
浏览 5提问于2017-06-14得票数 1
我已经按照每个在我的nodejs应用程序中配置了axios重试。
以下是我的代码
import axios from 'axios';
import axiosRetry from 'axios-retry';
export class RetryRoute {
public async testRetry(
req: express.Request,
res: express.Response,
next: express.NextFunction,
): Promise<any> {
const cl
浏览 9提问于2022-04-13得票数 1
在安装SqlFailover群集时，在安装Server之前的某个阶段显示：
Windows2003 FileStream修补程序失败。
所以我想这不是安装好的。在哪里能买到？
浏览 0提问于2009-08-06得票数 0
我在TypeScript中设置了一个非常简单的类，使用Axios作为HTTP从谷歌访问“”API，但是请求失败了，并返回了一个CORS错误。
import axios from 'axios'
export default class GoogleRequester {
private apiKey: string = ''
constructor (apiKey: string) {
this.apiKey = apiKey
}
placesAutocomplete (query: string) {
let reques
浏览 0提问于2018-05-01得票数 0
我在做一家拉拉伏伊士水疗中心。我试着从管理员那里更新一个帖子。我在创建一个使用和axios请求发送的新FromData时发送表单数据。
但是控制器给我发了一个错误：
message: "The given data was invalid."
errors: {name: ["The name field is required."], description: ["The description field is required."]}
，这里是post/edit.vue. the
<template>
<div cl
浏览 2提问于2020-09-17得票数 0
回答已采纳
1回答
我正在学习一个React Redux教程。我的axios.post()在运行应用程序时失败了，但是如果我使用相同的URL并将其粘贴到浏览器的地址文本框中，它就能工作。为什么会发生这种事？
下面是我的应用程序中的调用：
const request = axios.post(`${ROOT_URL}/posts/${id}${API_KEY}`);
这是一个错误，如Chrome中的F12所示：
发布 404 (未找到)
如果它是一个好的URL，为什么会失败呢？如果单击它，您将在浏览器中看到响应：
{"id":120342，“标题”：“固体”，“类别”：“OOP”，“内容”
浏览 1提问于2017-07-31得票数 3
回答已采纳
用Axios请求从API获取数据
export const getReports = async (url, obj) => {
return new Promise(
async (resolve, reject) => {
try {
const data = await axios.request(
{
method: 'get',
url: BA
浏览 1提问于2019-11-12得票数 0
我正在使用axios从Java后端获取数据，由于cors问题，它失败了(请查找附带的屏幕快照)。我注意到的一件事是，如果我在axios文件中注释掉AuthToken部件，它可以正常工作，并给出状态200，如果我保留AuthToken，它会破坏cors的原因。不太确定这个问题是在java代码中还是在我的axios.js文件中丢失了什么。任何帮助都将不胜感激。提前谢谢。
axios.js
import axios from "axios";
const instance = axios.create({
baseURL: "https://abc.domain
浏览 0提问于2019-08-16得票数 0
我试图使用axios通过API更新Azure Devops上测试用例的结果，但在请求结束时，我得到了这个错误
Value cannot be null.\r\nParameter name: results
这是我的要求
axios({
method: 'patch',
url: resultUrl,
data: {
"outcome": "Failed",
},
auth: {
username: config.cre
浏览 2提问于2019-02-15得票数 0
回答已采纳
我通过XHR请求GraphQLHub提供数据：
const query = '{ reddit { subreddit(name: "movies"){ newListings(limit: 2) { title comments { body author { username commentKarma } } } } } }';
const xhr = new XMLHttpRequest();
xhr.open("get", 'https://www.graphqlhub.com/graphql?query=' + e
浏览 2提问于2019-03-03得票数 0
回答已采纳
2回答
我在浏览器中使用Axios调用ajax请求。现在，我遇到了一些比某些头具有更高优先级的cookie的问题。每次请求时，我都会以AUTHTOKEN的形式发送一个标头，但是在cookie SESSIONID键中，存储了比AUTHTOKEN头更高的优先级。在某些情况下，我需要忽略cookie。这是我的密码：
axios({
url:`${sdpBasicUrl}/api/v3/requests/27363`,
method: 'get',
headers: {
'Content-Type': 'application/j
浏览 16提问于2021-12-04得票数 12
我正在使用React + Django，并试图使用axios发出post请求，但由于csrf而失败。我已经尝试了网上发布的所有类似问题的答案，但由于某种奇怪的原因，它们都不起作用。
//Django View
def createUser(request):
username = request.POST['username']
email = request.POST['email']
resp = {
'username' : username,
'email' : email
浏览 1提问于2018-06-01得票数 0
2回答
我看过了所有其他关于CORS错误的问题，没有任何运气。我在NuxtJS客户端应用程序中提出一个简单的POST请求。如果我使用axios，我会得到CORS错误，但是如果我使用fetch，它就会工作得很好。我想使用axios，但我无法解决这个问题。服务器具有正确的“访问-控制-允许-原产地”头集(当该标头被移除时，下面的选项都不起作用)。有人知道为什么这样做对获取有用，但不适用于axios？
失败
await this.$axios({
url,
method: 'POST',
data
})
WORKS
await fetch(url,
浏览 10提问于2020-11-11得票数 5
回答已采纳
1回答
反应本机更新组件
、、、
我是新来的-土生土长。当我单击“停止睡眠或信息”按钮时，我会向users.json文件发送补丁请求以更改status。我的JSON文件包含；
{
"users": [
{
"hostname": "XXX.XX.XX.XXX",
"username": "username",
"password": "admin",
"command": "whoami",
"status
浏览 5提问于2022-04-21得票数 0
回答已采纳
我有一个Laravel应用程序，在该应用程序中，我使用VueJS组件中的axios在单击按钮时向外部公共API发送GET请求，但它会引发以下错误：
[Error] Request header field X-Requested-With is not allowed by Access-Control-Allow-Headers.
[Error] XMLHttpRequest cannot load http://api.icndb.com/jokes/random due to access control checks.
[Error] Failed to load resource:
浏览 0提问于2019-09-10得票数 1
回答已采纳
1回答
我有一个Django rest服务，它运行在gunicorn服务器上的virutal环境中，具有以下.wsgi文件：
import os, sys import site
site.addsitedir('/opt/valuation/env/lib/python2.7/site-packages')
sys.stdout = sys.stderr
os.environ['DJANGO_SETTINGS_MODULE'] = 'valuation.valuationcont.valuation.settings'
import djang
浏览 5提问于2017-12-27得票数 2
回答已采纳
1回答
我怎么能像这样，用授权令牌发送主体参数和头
const searchByDate = async ({ date1, date2 }) => {
const tokenApp = window.localStorage.getItem('token');
const { data: res } = await axios.get(`${baseUrl}/search`, {
data: { date1: date1, date2: date2 },
headers: { Authorization: `${tokenApp}` },
浏览 3提问于2021-12-22得票数 2
请用速成js编写一个API，用于删除请求，该请求在执行其他操作之前检查密码参数。整个过程在本地的邮递员上工作，但在heroku上的托管服务器上却不起作用。
下面是API的一个片段
...
if (!req.body.password) {
return res.status(400).json({ message: "input password"})
}
...
在我的客户方面，我
axios.delete('url/id', ({password: 'password'}))
.then()
.catch()
问题是，
浏览 1提问于2018-04-30得票数 0
回答已采纳
我是VueJs的新手，我正在为VueJS中的Get、Post、修补程序找到最佳的配置全局标题的方法，这是易于使用并且安全性很强的。在当前情况下，我只是用export default {}为每个组件编写它，这是非常糟糕的，我知道。所以我请求你们帮忙。
@Hardik Satasiya @Hardik Satasiya
~/plugins/axos.js
每个组成部分：
import axios from 'axios'
var api = axios.create({
baseURL: 'http://localhost:8000/api/v1/',
h
浏览 3提问于2017-12-28得票数 10
回答已采纳
axios代码：
import Axios from "axios";
export const getBlogPosts = async (setter) => {
try {
const res = await Axios.get(`https://jsonplaceholder.typicode.com/posts/1`);
if (res.status === 200 && res?.data) {
setter(res?.data);
}
} catch (error) {
console.l
浏览 11提问于2022-03-24得票数 0
我编写了一个非常简单的Express应用程序，它使用Axios从API中获取数据。
我用Google进行了测试，并成功地获得了API数据。但是检查控制台日志，似乎从Axios运行了2次GET请求。一次成功，一次失败。
我不知道这是按照计划进行的，还是我做错了什么。任何帮助都将不胜感激。
代码如下
const app = express()
app.get('/:id' , (req, res)=>{
const fullURL = url + req.params.id
axios.get( fullURL , {
par
浏览 0提问于2021-09-27得票数 1
回答已采纳
2回答
我有一行多个挂起的请求
const requests = [];
requests.push(axios.post('/request1', {moo:1});
requests.push(axios.post('/request2', {moo:2});
requests.push(axios.post('/request3', {moo:3});
Promise.all(requests).then((reponse) => {
debugger;
}).catch((err) => {
debugger;
}
浏览 3提问于2021-07-27得票数 0
回答已采纳
使用nuxt-axios-module @nuxtjs/axios进行的所有API调用仅在Safari浏览器上使用客户端加载浏览页面时才会失败/给出错误(SSR first time load工作正常)。 Safari控制台中给出的错误是模糊的，不能从中提取太多信息。以前有没有人遇到过这个问题？这对于所有不同的应用程序接口调用都是一致的，并且它们都遵循相同的模式:在asyncData中使用$axios，并在第一次加载SSR后失败。 错误： ? 所有其他浏览器都可以工作，甚至包括IE11。 我已经在‘客户端’和‘服务器’模式下尝试了Nuxt的现代模式，但都没有用。 有什么想法吗？
浏览 32提问于2020-01-17得票数 0
回答已采纳
1回答
我们使用axios来查询API，只要在Chrome中启用了QUIC，请求就会失败，因为服务器不支持它。
是否可以将axios配置为对特定请求仅使用HTTP/1.1？
浏览 93提问于2019-12-10得票数 1
下面是对django rest框架API进行调用的反应性代码：
import Cookies from 'js-cookie';
import axios from "axios";
async downloadVideowiseCSV (fromDate, toDate) {
var url = '/stat/getStats/';
const axiosInstance = axios.create();
try {
const response = await a
浏览 5提问于2022-09-09得票数 0
我想使用axios补丁方法更新购物车中的项目数量，所以我想先在浏览器控制台中测试它，但是我一直收到这个错误。
误差
状态代码405的请求失败。
路
Route::patch('/cart/{product}', 'CartController@update')->name('cart.update');
手推车控制器
public function update(Request $request, $id)
{
return $request->all();
}
<div>
<select c
浏览 0提问于2020-07-11得票数 0
1回答
在我的角度应用程序中，我试图使用使用服务模块的无头Drupal。我无法找到适当的文档来处理每个后续调用的会话身份验证。我的每个请求都以"csrf验证失败“消息结束。
有人能建议一个好的教程或步骤来处理会话身份验证吗？
浏览 0提问于2016-11-23得票数 0
我想使用Axios发布到我的Spring Boot服务器。如果我使用csrf禁用.csrf().disable()，它将正确工作，但当启用时会失败。
我尝试将X-CSRF-TOKEN添加到头中，或者在正文中添加_csrf，但是它说它是无效的。检查请求，csrf将按预期的方式传入。
CSRF控制器
@RequestMapping("/csrf")
public String csrf(final CsrfToken token) {
return token.getToken();
}
Spring安全
httpSecurity
.antMatcher(&
浏览 16提问于2022-01-31得票数 1
1回答
我试图上传PDF文件到S3桶在反应js。我通过API网关创建了一个API来公开S3对象的put方法。
当我尝试用" put“方法来获取文件时，它工作得很好，而axios将文件上传到不带body的位置。
这是我的获取代码：
function handleChange(event) {
setFile(event.target.files[0])
}
const handleClick = (e) => {
e.preventDefault();
const formData = new FormData();
formData.append(&#
浏览 2提问于2022-08-11得票数 0
我试图用"Content-Type": "multipart/form-data"向Laravel应用程序发送HTTP请求。当我将方法更改为POST时，它就能工作了。
$a = $request->all(); // With PUT this is empty but with POST it works fine.
客户端执行以下代码：
axios({
method: "post", // when I try method:"PUT" and change the content type
url:
浏览 9提问于2021-12-08得票数 0
回答已采纳
我使用客户端凭据机密在Microsoft上运行API (Intune)。中使用的示例。
获取访问令牌。(工作)
获得android管理的应用程序保护。(使用GET HTTP方法工作)
补丁请求。(不工作)
这些示例没有提到任何补丁或POST请求，因此需要一些帮助。
我尝试了下面的代码片段，但是失败了。
private void setAndroidModels(final String accessToken, final String policyId, final String modelList)
throws IOException {
UR
浏览 4提问于2020-10-15得票数 0
堆栈:部署在亚马逊网络服务上的ReactJS、axios、api 在我的reactjs应用程序中，我使用axios调用在aws上部署的API。这个应用程序在chrome和firefox上运行良好，但在IE 11上失败了。 所有接口配置正确，允许在访问控制头部进行授权 ? 我使用以下代码在请求中添加授权头和accessToken const axiosInstance = axios.create({
baseURL: `https://abc.api.nonprod.org/`
});
export const createTokenHeaders = (idToken, a
浏览 32提问于2019-06-25得票数 7
我遇到了一个特殊的错误，我不知道问题出在哪里。
没有更多的解释，代码将比我更好地说明它：
以下是我的路线：
Route::get('/', 'HomeController@index')->name('home');
Route::delete('home/{home}', 'HomeController@destroy')->name('home.destroy');
这是我的homeController：
class HomeController extends Controller
浏览 2提问于2019-10-17得票数 0
我正在使用vue 3组合api和pinia商店构建一个应用程序。当用户登录成功时，我将令牌存储在localStorage中，然后将用户推送到仪表板。在挂载仪表板视图时，我希望使用存储数据，这意味着只调用授权的端点，因此我创建了一个pinia商店profile。
import { defineStore } from "pinia";
import http from '../http-common';
export const useProfile = defineStore("profile", {
state: () => {
浏览 15提问于2022-06-30得票数 0
回答已采纳
在我的移动应用程序中，我的一些用户经常遇到问题，他们得到一个‘未定义的’或屏幕只是冻结。经过大量挖掘，我已经将问题缩小到axios进程，这些进程不会完成，也不会相应地失败。 为了解决这个问题，我尝试了更改超时或重试，但这似乎并不能在所有情况下解决问题-许多似乎不会遇到错误路径。更新状态的一段代码的示例： export const loadChallenges = () => {
return (dispatch, getState) => {
dispatch({ type: 'LOAD_CHALLENGES_START' })
浏览 16提问于2019-09-09得票数 2
回答已采纳
2回答
我正在用vuejs、nuxt和axios构建一个应用程序，我试图用axios拦截器和axios助手制作一个插件，如下所示：
它们按照预期的方式单独工作，但由于某种原因，它们一起工作时总是只调用助手，这意味着只显示第三个console.log。但是，该助手只用于处理错误，并且没有一个请求失败。那么是什么导致了这一点，以及为什么第一或第二console.log不被显示。
浏览 2提问于2019-09-18得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
