axios 相关问题

Axios是来自浏览器和服务器的http请求的npm库。

如何解决 Node.js 中的“请求过多”错误?

我正在尝试通过使用 Axios 发出连续的 HTTP 请求来构建 JSON 文件: 获取对象(项目)数组 在每个项目中创建一个名为 Attachments 的数组属性 获取每个项目的ta...

回答 2 投票 0

如何从数据中仅获取访问令牌

我已经设置了一个登录系统,我只需要访问令牌,当我console.log我的数据时,我会立即获得刷新和令牌代码。即使没有引号,我也只想要访问令牌...

回答 1 投票 0

如何在 React 应用程序中为从 API 获取的数据列表中的每个项目创建单独的路由

考虑到我在 React 应用程序中有产品列表及其各自的路线,如何在单击每个产品时对产品信息进行 API 调用? 函数应用程序(){ 常量 [

回答 1 投票 0

axios post请求和节点pdfkit显示空白pdf

我正在使用react axios向express服务器发送post请求,以使用pdfkit创建pdf。发回后,文件会自动下载。它似乎发回 pdf 信息,但是当

回答 1 投票 0

在按钮单击时反应获取数据

我正在尝试在反应中获取数据。问题是我必须单击按钮两次才能获取该数据。 虽然我在第一次单击时没有获取数据,但如果我向其中添加 JSON.stringify,它会以某种方式呈现。如果我...

回答 4 投票 0

提交按钮不触发javascript函数

我有一个表单,但这些按钮上的功能不起作用。我正在使用 axios 来执行 post 请求。这与儿童布局有关吗?命名文件?这是我孩子布局的事实......

回答 2 投票 0

我的元素只会在热重载后(有时)出现,但不会在首次加载时出现

我有一个名为 SpecPlayer.vue 的文件,其中我使用一个组件 (SpecChampionData),该组件仅在热重载后才会出现(并非总是,有时),但在第一次加载后不会出现。 我是...

回答 1 投票 0

提交按钮不触发javascript函数

我有一个表单,但这些按钮上的功能不起作用。我正在使用 axios 来执行 post 请求。这与儿童布局有关吗?命名文件?这是我孩子布局的事实......

回答 1 投票 0

正在触发 GET 请求,而不是我在 axios 中明确提到的 POST 请求

这是我的login.js 文件,负责客户端登录功能。当我在邮递员中点击 api 端点并成功获取 jwt 时,我的后端代码工作正常,这一点很明显。

回答 1 投票 0

在 Lumen 8 中获取 CORS 错误的请求结果

当 Axios 向我的 Lumen 应用程序发送 GET HTTP 时,我遇到了 CORS 问题,发送 POST HTTP 似乎没问题。我有一个处理 CORS 的中间件,下面是代码 当 Axios 向我的 Lumen 应用程序发送 GET HTTP 时,我遇到了 CORS 问题,发送 POST HTTP 似乎没问题。我有一个处理 CORS 的中间件,下面是代码 <?php namespace App\Http\Middleware; use Closure; class CorsMiddleware{ /** * Handle an incoming request. * * @param \Illuminate\Http\Request $request * @param \Closure $next * @return mixed */ public function handle($request, Closure $next) { $headers = [ 'Access-Control-Allow-Origin' => '*', 'Access-Control-Allow-Methods' => 'POST, GET, OPTIONS, PUT, DELETE', 'Access-Control-Allow-Credentials' => 'true', 'Access-Control-Max-Age' => '86400', 'Access-Control-Allow-Headers' => 'Content-Type, Authorization, X-Requested-With' ]; if ($request->isMethod('OPTIONS')) { return response()->json('{"method":"OPTIONS"}', 200, $headers); } $response = $next($request); foreach($headers as $key => $value) { $response->header($key, $value); } return $response; } } 然后添加到 bootstrap/app.php $app->middleware([ App\Http\Middleware\CorsMiddleware::class, // cors middleware ]); 使用 POST 请求时,一切正常,但是在执行 GET 请求时,会发生 CORS 错误。非常感谢任何帮助、想法,提前致谢。 我的前端应用程序在 http://localhost:3000 (NUXT) 上运行,Lumen 应用程序在 http://localhost:8000 上运行 下图是错误的屏幕截图。 此问题的另一种解决方案可以是: 在CatchAllOptionsRequestsProvider.php目录下创建App\Providers <?php namespace App\Providers; use Illuminate\Support\ServiceProvider; /** * If the incoming request is an OPTIONS request * we will register a handler for the requested route */ class CatchAllOptionsRequestsProvider extends ServiceProvider { public function register() { $request = app('request'); if ($request->isMethod('OPTIONS')) { app()->options($request->path(), function() { return response('', 200); }); } } } CorsMiddleware.php <?php namespace App\Http\Middleware; use Closure; class CorsMiddleware { /** * Handle an incoming request. * * @param \Illuminate\Http\Request $request * @param \Closure $next * @return mixed */ public function handle($request, Closure $next) { //Intercepts OPTIONS requests if($request->isMethod('OPTIONS')) { $response = response('', 200); } else { // Pass the request to the next middleware $response = $next($request); } // Adds headers to the response $response->header('Access-Control-Allow-Methods', 'HEAD, GET, POST, PUT, PATCH, DELETE'); $response->header('Access-Control-Allow-Headers', $request->header('Access-Control-Request-Headers')); $response->header('Access-Control-Allow-Origin', '*'); // Sends it return $response; } } 在bootstrap/app.php中添加以下代码 $app->middleware([ App\Http\Middleware\CorsMiddleware::class ]); $app->register(App\Providers\CatchAllOptionsRequestsProvider::class); Lumen 不允许使用 OPTIONS 方法,并且会返回状态响应 405 MethodNotAllowed,因此我们需要将其显式添加到路由中。 修改ServiceProvider.php: <?php namespace App\Providers; use Illuminate\Support\ServiceProvider; class AppServiceProvider extends ServiceProvider { /** * Register any application services. * * @return void */ public function register() { $request = app('request'); // ALLOW OPTIONS METHOD if($request->getMethod() === 'OPTIONS') { app()->options($request->path(), function () { return response('OK',200) ->header('Access-Control-Allow-Origin', '*') ->header('Access-Control-Allow-Methods','OPTIONS, GET, POST, PUT, DELETE') ->header('Access-Control-Allow-Headers', 'Content-Type, Origin'); }); } } } CorsMiddleware.php <?php namespace App\Http\Middleware; use Closure; class CorsMiddleware { /** * Handle an incoming request. * * @param \Illuminate\Http\Request $request * @param \Closure $next * @return mixed */ public function handle($request, Closure $next) { $response = $next($request); $response->header('Access-Control-Allow-Origin','*'); return $response; } } 参考cors教程 希望这对你有用!! 如果您使用 laravel lumen,请使用此链接 此外,在部署过程中,请记住在已部署的应用程序上重新运行以下命令 php artisan 缓存:清除

回答 3 投票 0

Axios 的困难 - React 中的 Cors 设置 - Flask 项目

我在设置我的反应烧瓶应用程序的身份验证功能时遇到一些问题。 这就是我的标题的样子以及错误的内容。 我正在运行服务器端会话...

回答 1 投票 0

OAuth1.0 使用 NodeJS 和 Axios - 401 错误(授权标头)

我一直在使用Postman制作一个对象,我需要将其包含在使用OAuth1.0的axios请求中,Postman成功地做到了。现在我正在尝试在没有邮递员的情况下完成此操作,以便我可以自动...

回答 1 投票 0

如何将curl命令转换为axios

我正在寻找将curl命令转换为axios post。 我不知道curl到axios命令的映射。 卷曲脚本 $urlConn =curl_init(); curl_setopt($urlConn, CURLOPT_URL, 'https://www.test....

回答 1 投票 0

AxiosError:React Native Expo 开发构建中出现网络错误

我遇到了特定于我的 React Native Expo 开发构建的问题。我的应用程序中有多个 API,虽然其中大多数都可以正常工作,但我始终得到

回答 1 投票 0

Nextjs 14 - 无法访问 axiosInstance 和任何 apiService 文件中的 cookie

我最近从 React 迁移到 Nextjs,Nextjs 的架构对我来说是不同的并且令人困惑。在我的下一个应用程序中,我尝试通过存储在...

回答 2 投票 0

为什么 Axios 在使用 Vite 使用 React 时从 API 返回的数据为“未定义”?

作为项目的一部分,我正在使用 Axios 获取与电影相关的数据。但是,当我执行 console.log(response.data) 时,它会返回 HTML 文档形式的内容。当我访问链接时

回答 1 投票 0

gatsby-node.js 文件上传到 Gatsby Azure Static Web App 后抛出错误

将调整后的 gatsby-node.js 文件上传到 Azure Static Web App 后,我收到以下错误: 错误“gatsby-node.js”在运行 createPages 生命周期时抛出错误: 请求

回答 1 投票 0

从vue文件调用laravel控制器

我在 vue 文件中创建了一个组件,我想从 laravel 控制器函数中获取数据。 目前,我已经使用axios来获取数据。但是我可以直接调用laravel控制器函数吗? 谢谢...

回答 4 投票 0

Axios 未在发布请求中发送表单数据

我正在将 pdf 和标题表单数据从 React 前端发送到 Django REST 后端。我使用 [email protected] 执行此操作。 SendForm.js(表单数据在发送前打印正常) const formDataToSen...

回答 1 投票 0

使用 React 查询对两个不同的 API 实现多个突变

const 首先 = useMutation({ 突变Fn:(数据)=> { 返回 Promise.all([ (axios.put( “https://dummyjson.com/products/1”, JSON.stringify({ ...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.