standard-error 相关问题

Shadow-cljs 需要反应选择

目前我需要使用 ["react-select" :default Select] 来创建组件： (def dropdown-standard (ra/adapt-react-class Select)) （这非常有效）我想访问...

Shadow-cljs 需要反应选择可创建组件

目前我需要使用 ["react-select" :default Select] 来创建组件： (def dropdown-standard (ra/adapt-react-class Select)) （这非常有效）我想访问...

Automapper 正在清除我的集合，尽管使用了“忽略”；为什么？

过去几天我一直在努力解决奇怪的自动映射器行为。我的AutoMapper版本是10.1.1；目前我无法访问.NET Standard 2.1，因此无法升级到12.0.1...

如何从浏览器中的 JavaScript Error 对象获取源映射堆栈？

当我创建 err = new Error("test-error") 和 console.log(err) 时，我可以使用开发人员控制台中的源映射看到映射到原始源的堆栈。但是当我读到错误时...

外观标准属性在 Angular 15 中不起作用

Angular 15 中的外观=“标准”属性不再起作用。除标准外，所有外观均运行良好。为什么这不再起作用了？结果：需要： Angular 15 中的 appearance="standard" 属性不再起作用。除了standard之外，所有外观都运行良好。为什么这不再起作用？结果：需要： <mat-form-field class="form-field" Appearance="Standard"> <input matInput formControlName="email" matInput placeholder="email" name="email" type="text" required> </mat-form-field> 您正在使用的属性的 API 从 v14 更改为 v15 。具体来说，删除了 legacy 和 standard 外观。导入路径变更摘要 ... ... @angular/material/form-field 样式更改、删除一些外观、API 更改 ... ... API 更改的原因在博客中进行了解释：我们很高兴地宣布基于 Web 材料设计组件 (MDC) 的 Angular 材料组件重构现已完成！这一更改使 Angular 能够更接近 Material Design 规范，重用 Material Design 团队开发的原语代码，并使我们能够在最终确定样式标记后采用 Material 3。从 v14 文档来看，Angular 14 中的有效值是： type MatFormFieldAppearance = 'legacy' | 'standard' | 'fill' | 'outline'; 从 v15 文档来看，Angular 15 中的有效值是： type MatFormFieldAppearance = 'fill' | 'outline'; 如果您想继续使用appearance="standard"，您可以尝试导入MatLegacyFormFieldModule而不是MatFormFieldModule。该博客提到，只要您不同时导入两者，它们目前是可以互换的。这是为了让您能够按照自己的节奏升级各个模块（包括您自己的模块和 Angular Material）。每个新组件的旧实现现已弃用，但仍可通过“旧版”导入使用。例如，您可以通过导入旧按钮模块来导入旧的 mat-button 实现。 import {MatLegacyButtonModule} from '@angular/material/legacy-button'; 访问迁移指南了解更多信息。在 Angular 15 中，不鼓励使用样式来定制材质库。但是，对于这么小的要求，您可以使用： .mat-mdc-form-field-focus-overlay { background-color: white!important; } .mdc-text-field--filled:not(.mdc-text-field--disabled) { background-color: white!important; }

运行时错误：NCCL 错误 2：未处理的系统错误

我最近将cuda从9.0升级到10.2，但是当我成功升级时，我的演示如下，将默认出现“RuntimeError: NCCL Error 2: unhandled system error”。我不知道为什么，而且...

我正在从本地邮件服务器接收电子邮件，我需要能够在JavaScript中解析它们。

Error输出：

将 React 应用程序部署到 GitHub 页面失败，并出现错误 ProcessError: error: RPC failed

将 React 应用程序部署到 GitHub 页面失败，并出现错误 ProcessError: error: RPC failed。详细错误如下， ProcessError：错误：RPC失败； HTTP 400 curl 22 请求的 URL 返回...

使用 JS 和 PHP SQL 查询获取 JSON 数据

函数 fetchBooks() { fetch('圣经书.php') .then(响应=> { 如果（！response.ok）{ throw new Error('网络响应不正常'); } 返回response.json(); ...

如何在异步代码中使用panic::catch_unwind？

使用同步代码时，我可以像这样使用panic::catch_unwind： #[actix_rt::测试] 异步 fn test_sync() -> 结果<(), Error> { println!("catch_unwind 之前"); ...

next.js 14 错误：无法读取未定义的属性（读取“get”）”

官方示例https://github.com/vercel/next.js/tree/canary/examples/next-forms在createTodo时出现错误“Error: Cannot readproperties of undefined (reading 'get')”。但是……

存储过程中非法混合排序规则

我的 MySQL 存储过程因 Mysql::Error: Illegal mix of collations (utf8_general_ci,IMPLICIT) and (utf8_unicode_ci,IMPLICIT) for operation '=' 而失败。在 SELECT 子句中时该过程失败...

从 html 中提取 <h2> 标题文本，其中标题文本可能包含 <code> 和 </code> 标签

我有一个 html 文件，其中包含一些标签，例如一个<- ' 我有一个 html 文件，其中包含一些 <h2> 标签，例如 a <- '<section id="sec-standard-stoet-geary" class="level2" data-number="9.4"> <h2 data-number="9.4" class="anchored" data-anchor-id="sec-standard-stoet-geary"> <span class="header-section-number">9.4</span> Standardising PISA results</h2>' b <- '</span> <span class="fu">read_parquet</span>(<span class="st">"<folder>PISA_2015_student_subset.parquet"</span>)</span></code><button title="Copy to Clipboard" class="code-copy-button"><i class="bi"></i></button></pre> </div> </div> </section><section id="sec-leftjoin" class="level2" data-number="9.3"><h2 data-number="9.3" class="anchored" data-anchor-id="sec-leftjoin"> <span class="header-section-number">9.3</span> Linking data using <code>left_join</code> </h2> <p>' 我可以使用以下方法提取a的标题： str_extract_all(a, '(?<=(<[/]span>)).*(?=(<[/]h))')[[1]] %>% str_squish() > [1] "Standardising PISA results" 但是在 b 上尝试这个不会返回任何结果： str_extract_all(b, '(?<=(<[/]span>)).*(?=(<[/]h))')[[1]] %>% str_squish() > character(0) 编辑：从评论来看，这似乎是正则表达式无法解析换行符。我尝试在正则表达式(?s)中启用单行模式进行解析，但它仍然不起作用我会在这里使用 html 解析器而不是正则表达式： library(rvest) read_html(a) |> html_elements("h2") |> html_text() |> trimws() #> [1] "9.4 Standardising PISA results" read_html(b) |> html_elements("h2") |> html_text() |> trimws() #> [1] "9.3 Linking data using left_join"

帮助修复奇怪的sqlite3错误 - dyld：未加载库：/usr/lib/libsqlite3.0.dylib

我突然收到 sqlite3 错误： ActionView::Template::Error（dyld：未加载库：/usr/lib/libsqlite3.0.dylib 引用自：/System/Library/Frameworks/CoreServices.framework/Versio...

在php中通过另一个类常量定义类常量[重复]

如何根据同一类中的另一个常量定义一个类常量？ A类{ const BASE_URL = 'http://example.org' 常量 API_URL = BASE_URL 。 '/api'; // < error }

在 Express js 中，如何正确结束抛出错误的流响应

badStream.pipe(res) 当 badStream 抛出错误时，响应不会终止，浏览器中的请求会陷入待处理状态。 badStream.on(error, function() {this.end()}).pipe(re...

如何测试Box中的错误类型<dyn Error>？

我有一个返回结果的函数<(), Box>。我正在为此函数编写一个测试用例，其中该函数应返回变体VerifyError::LinearCombination 的错误...

Angular 17 中的 NG 块 UI

我尝试在 Angular 17 中使用 NG Block UI 并收到此错误 ng block ui error in Angular 17 知道这个模块在 Angular 17 中如何工作吗？提前致谢我使用 npm i ng-

从 html 中提取 <h2> 标题文本，其中标题文本可能包含换行符

将 Xamarin UWP 应用程序升级到毛伊岛后，新更新拒绝安装

这几乎正是我所发生的事情：https://learn.microsoft.com/en-us/answers/questions/1000760/migrate-uwp-app-to-maui-windows-error-after-更新？评论=问题#最新问题-

为什么在Windows环境下Apache IoTDB中运行`pip install`后出现`failed to build thrift`错误？

pip install apache-iotdb工具不支持Windows环境吗？在Windows中运行pip install apache-iotdb==0.13.0.post1后，出现错误消息：Failed to build thrift, ERROR: Could ...

如何配置验证以对无效输入使用“is-invalid”类

默认情况下，ASP.NET Core 中的输入验证使用类 input-validation-error，但 Bootstrap 5 使用 is-invalid。我找到了一些解决方案：创建样式使用 jQuery.validate.unobtrusi...

卡片标题中的居中文本

使用 bulma 可以轻松定位文本 - 通常。我无法将卡头属性居中。我的尝试：通常使用 bulma 可以轻松定位文本。我无法将 card-header 属性居中。我的尝试： <link href="https://cdnjs.cloudflare.com/ajax/libs/bulma/1.0.1/css/bulma.min.css" rel="stylesheet"/> <div class="columns mt-3"> <div class="column is-3 ml-3" style="display: flex;"> <div class="card has-background-warning-light"> <div class="card-header"> <p class="has-text-right is-size-5 is-uppercase has-text-centered"> regular price </p> </div> <div class="card-image"> <div class="has-background-warning"> <div class="has-text-centered"> <span class="is-size-1 has-text-weight-bold"> $ 999 </span> </div> </div>  </div> <div class="card-content"> <div class="media">  <div class="media-content"> <p class="title is-3" style="display: flex;"> standard price available for everyone </p> <p class="subtitle is-6 mt-1"> regular price </p> </div> </div> <div class="content has-text-centered"> <button class="button is-dark"> BUY </button> </div> </div> </div> </div> 为什么我的has-text-centered没有应用在card-header而是其他地方？ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Bulma Card Header Centered</title> <link href="https://cdnjs.cloudflare.com/ajax/libs/bulma/1.0.1/css/bulma.min.css" rel="stylesheet"/> <style> .card-header { justify-content: center; } </style> </head> <body> <div class="columns mt-3"> <div class="column is-3 ml-3"> <div class="card has-background-warning-light"> <div class="card-header"> <p class="is-size-5 is-uppercase has-text-centered"> regular price </p> </div> <div class="card-image"> <div class="has-background-warning"> <div class="has-text-centered"> <span class="is-size-1 has-text-weight-bold"> $ 999 </span> </div> </div> </div> <div class="card-content"> <div class="media"> <div class="media-content"> <p class="title is-3"> standard price available for everyone </p> <p class="subtitle is-6 mt-1"> regular price </p> </div> </div> <div class="content has-text-centered"> <button class="button is-dark"> BUY </button> </div> </div> </div> </div> </div> </body> </html>

如何使用 Result lib 处理 Void 成功案例（成功/失败）

简介：我在我的应用程序的某些地方引入了结果框架（反典型）。例如，给定这个函数： func findItem(byId: Int, 完成: (Item?,Error?) -> ()); foo.findI...

如何解决这个SQL计数查询

我想从如下查询的表中查找手机号码的数量：选择姓名，计数（手机号码）作为计数表中的计数，其中计数<=5 This query throws an error. How can I resolve this?

Javascript 删除堆栈跟踪字符串中的最后一项

我正在创建一个 Javascript 记录器，在错误消息中，我还添加了堆栈跟踪，如下所示：函数 logMessage(logMessage) { 让 stackTrace = new Error().stack; 日志消息。

如何在 Angular 中导入其他组件的 config.ts 文件

按照本教程，我创建了一个可重用的模态组件。模态本身是从其他组件显示的（带有错误 ERROR TypeError: ctx_r1.modalConfig is undefined），但我不能

Vite React ASP.NET部署到Azure后出现HTTP ERROR 404看不到索引

我有一个客户端/服务器 ASP.NET React 项目。在本地工作正常并使用以下方式导航到索引页面： const 路由器 = createBrowserRouter([ { 元素: ,

Spotify API {'error': 'invalid_client'} 授权代码流程 [400]

这是我向 https://accounts.spotify.com/api/token 发出 POST 请求的多次尝试之一。范围设置为“播放列表修改公共、播放列表修改私有”。我正在使用 Python 3.7，Djan...

Netflix dgs springboot UI http://localhost:8080/graphiql 不工作

尝试通过netflix-dgs实现graphql api。获取资源未找到错误。下面分享代码片段出现以下错误此应用程序没有 /error 的显式映射，因此您...

我在代码中遇到此错误：Swift/ContigeousArrayBuffer.swift:600: Fatal error: Index out of range

我正在构建一个测验应用程序，但收到此错误：Swift/ContigouslyArrayBuffer.swift:600：致命错误：索引超出范围。这是被标记的代码片段： choice2.setTitle(

必须提供 jwt 在 NextJs 13 中出现错误

我得到的错误是：data: { error: '必须提供jwt' } 当用户通过提供正确的电子邮件和密码登录时，用户将被重定向到“/”页逻辑被写入...

<Table> 我正在尝试在我的应用程序中创建一个挂钩，但是当更新包含信息的常数时，屏幕上显示列表的组件不会再次渲染，但是列表已更新，因为挂钩返回它在控制台中更新（值得一提的是，首次加载组件时，它会正确渲染，但是当信息更改时，它不会更新）。

import React, { use, useState, useEffect } from 'react'; import { Table } from 'antd'; import UpdateList from '../hooks/updateList'; const SalesList = () => { const { list, loading, error, updateList } = UpdateList(); useEffect(() => { updateList(); }, []); /* If I add updateList within the [], it works, but it enters an infinite loop */ useEffect(() => { console.log('List updated in the component:', list); }, [list]); const columns = [ { title: 'Name', dataIndex: 'name', key: 'name', }, { title: 'Price', dataIndex: 'price', key: 'price', }, { title: 'Quantity', dataIndex: 'quantity', key: 'quantity', }, { title: 'Amount Received', dataIndex: 'amountReceived', key: 'amountReceived', }, ]; if (loading) return <div>Loading...</div>; if (error) return <div>Error: {error.message}</div>; return <Table dataSource={list} columns={columns} rowKey="ID" />; }; export default SalesList;

Traefik 卡在重启中，不清楚的错误

我正在尝试在 docker compose 中运行 traefik 图像，它之前可以正常工作，但自从我拉取图像后，我从 docker compose log traefik 获得的唯一日志是 command traefik error: field not

ESLint 错误：带有建议的规则必须将 `meta.hasSuggestions` 属性设置为 `true`（无显式任何规则）

我正在尝试向 .eslintrc.json 添加规则以禁止任何类型。我将规则 ("@typescript-eslint/no-explicit-any": "error") 添加到我的设置中： { “环境”：{ ...

如何从日期中截断时间并将其传递给组件？

我有这个问题：从后端我得到格式为的日期：2022-05-20 (LocalDate) 当我想编辑表单上的日期时，出现错误：Internal Server Error Text '2023-04-29T22:00:00.0...

Flutter Firebase 初始化：Android 上的 PlatformException（null-error）

我正在开发适用于 Android 的 Flutter 应用程序，并在初始化 Firebase 时遇到问题。尽管遵循标准设置程序，但我在运行应用程序时不断收到错误。错误描述：

将连接的字符串发送到函数并仅返回 Result::Error

我有一个带有一些函数的结构，当出现问题时，我调用函数 fn set_error(&self,msg:&str) 来记录错误并可能显示错误消息等。目前这是 v...

检查结果中选项内的值是否满足 Rust 条件的最佳方法是什么？

我有一个返回 Result、Error> 之类的函数，我想检查是否存在值以及它是否与条件匹配。有两种简单的方法：如果...

如何编写类型安全的函数签名来接受 amplify-js v6 graphql 订阅通知的回调函数？

使用版本 6.0.9 的 NPM 库 aws-amplify （不是 5.x.x！），我尝试将调用包装到 client.graphql({ query: typedGqlString, Variables}).subscribe({ next, error }），这样我就可以治疗...

Redhat Openshift 部署配置已停止工作并出现“Crashloop backoff error”[已关闭]

我们使用 RedHat Openshift 来托管和部署我们的应用程序。一切都工作正常，直到最近使用 DeploymentConfig 的部署刚刚开始抛出“崩溃循环退避...

'。'宏参数列表中出现意外，在`#define error(args...)`中

我在 C++ 中使用这个定义来调试我的变量，它在 clion 和 codeblocks 中工作，但在 Visual Studio 22 中不起作用。错误 C2010 '.'：宏参数列表 codeforces 中出现意外文件名是&

共享在 Rust 中实现 Trait 的对象

我有一个对象特征，可以从某个索引提供字节。这些可能是文件、正在跟踪的进程、其他字节提供程序上的缓存等：使用 std::结果::结果；使用 std::io::Error ；

具有多个数据库的 postgresql 上的 Symfony 6 学说问题 SQLSTATE[42P01]：未定义的表：7 ERROR

我的 Symfony 项目（sf v6）使用 postgresql/postgis 和 2 个数据库：主要一个包含特定业务数据，第二个称为 Web 服务数据库，其中多个共享数据

PHP 调用 API

早上好，我有一个小问题来回显变量。也许你可以帮助我。谢谢！ https://api.openligadb.de/index.html /getmatchdata/matchid 这有效：早上好，我在回显变量时遇到小问题。也许你可以帮助我。谢谢！ https://api.openligadb.de/index.html /getmatchdata/matchid 这有效： <?php echo $match["team1"]["teamIconUrl"]; ?> 但是我无法获得比赛结果。 <?php echo $match["matchResults"]["pointsTeam1"]; ?> <?php // Retrieve the data for the current matchday from the OpenLigaDB API $url = sprintf("https://api.openligadb.de/getmatchdata/bl1", $current); $ch = curl_init(); curl_setopt($ch, CURLOPT_URL, $url); curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1); $output = curl_exec($ch); if ($output === false) { die("Error when requesting the API: " . curl_error($ch)); } curl_close($ch); // Decoding the API response $matches = json_decode($output, true); if ($matches === null) { die("Error processing API response: " . json_last_error_msg()); } ?> 像这样打印 <?php echo $match["matchResults"][0]["pointsTeam1"]; ?>

已经四天了，我仍然陷入困境。关于这个问题我看到有人说使用axios，并设置超时。或者在获取数据时将 http 更改为 https，但这一切都是徒劳的...

spring-boot 应用程序中的错误：此应用程序没有 /error 的显式映射，因此您将其视为后备

我在 Eclipse 中创建了一个简单的 Spring Boot 应用程序，其中包含 User 类，并且我编写了 Web 服务来对 User 执行各种操作，例如获取用户、创建用户、删除用户。什...

AlpineJS 提交表单而不刷新页面

我正在 Magento 上使用 Hyva 主题和 AlpineJs，并使用和所需的输入将产品添加到购物车。这是表单代码的一部分：我正在 Magento 上使用 Hyva 主题和 AlpineJs，并使用 <form> 以及所需的输入将产品添加到购物车。这是表单代码的一部分： <form method="post" id="product_addtocart_form" > <input name="product" /> <input name="selected_configurable_option" /> <input name="related_product" /> <input name="item"> </form> 这是我用来提交表单的按钮： <button type="submit" form="product_addtocart_form"> Submit </button> 一切都很好。但是，我想添加一个模式，该模式在将产品添加到购物车后显示，但一旦添加产品，页面就会刷新。我发现了很多类似的主题，但没有任何对我有用。我已经尝试过使用 event.preventDefault() 和 onsubmit="return false"。两者都不会刷新页面，但不会添加产品。我还尝试使用 HTTP post 方法添加产品，这部分解决了问题，但是当涉及到添加具有可配置选项的产品时，它变得太复杂了。对于我可以采取的在提交表单后停止刷新页面的方法，您有什么建议或想法吗？尝试以下步骤：向表单添加 @submit.prevent 指令以阻止默认的表单提交行为。 ` <form method="post" id="product_addtocart_form" @submit.prevent="submitForm"> <input name="product" x-model="product" /> <input name="selected_configurable_option" x-model="selectedConfigurableOption" /> <input name="related_product" x-model="relatedProduct" /> <input name="item" x-model="item" /> <button type="submit" form="product_addtocart_form"> Submit </button> </form> ` 并且 `<div x-show="showModal" @click.away="showModal = false" style="display: none;"> <div class="modal-content"> Product successfully added to the cart! <button @click="showModal = false">Close</button> </div> </div> ` 使用Fetch API进行AJAX请求，向服务器发出AJAX请求将产品添加到购物车，处理服务器响应并显示如果产品添加成功，则为模态。 `function addToCart() { return { product: '', selectedConfigurableOption: '', relatedProduct: '', item: '', showModal: false, async submitForm() { const formData = new FormData(); formData.append('product', this.product); formData.append('selected_configurable_option', this.selectedConfigurableOption); formData.append('related_product', this.relatedProduct); formData.append('item', this.item); try { const response = await fetch('/path/to/your/add-to-cart/api', { method: 'POST', body: formData, headers: { 'Accept': 'application/json', }, }); if (response.ok) { const data = await response.json(); // Assuming the response contains a success flag or status if (data.success) { this.showModal = true; } else { // Handle error (e.g., show error message) console.error('Error adding product to cart:', data.message); } } else { console.error('Network response was not ok.'); } } catch (error) { console.error('Error:', error); } } }; }` 您可以使用 <div x-data="addToCart()"> 包裹整个模态框并使用 <form> 以便该功能正常工作。

嵌套 useFetch 导致 Nuxt 3 中的 Hydration 节点不匹配

在 Nuxt 3 页面内，我通过从 pinia 存储调用操作来获取帖子数据： {{ 发布数据 }} {{ 帖子内容... 在 Nuxt 3 页面内，我通过从 pinia 商店调用操作来获取帖子数据： <template> <div v-if="postData && postContent"> {{ postData }} {{ postContent }} </div> </template> <script setup> const config = useRuntimeConfig() const route = useRoute() const slug = route.params.slug const url = config.public.wpApiUrl const contentStore = useContentStore() await contentStore.fetchPostData({ url, slug }) const postData = contentStore.postData const postContent = contentStore.postContent </script> 那是我的商店： import { defineStore } from 'pinia' export const useContentStore = defineStore('content',{ state: () => ({ postData: null, postContent: null }), actions: { async fetchPostData({ url, slug }) { try { const { data: postData, error } = await useFetch(`${url}/wp/v2/posts`, { query: { slug: slug }, transform(data) { return data.map((post) => ({ id: post.id, title: post.title.rendered, content: post.content.rendered, excerpt: post.excerpt.rendered, date: post.date, slug: post.slug, })); } }) this.postData = postData.value; if (postData && postData.value && postData.value.length && postData.value[0].id) { const {data: postContent} = await useFetch(`${url}/rl/v1/get?id=${postData.value[0].id}`, { method: 'POST', }); this.postContent = postContent.value; } } catch (error) { console.error('Error fetching post data:', error) } } } }); 浏览器中的输出正常，但我在浏览器控制台中收到以下错误： entry.js:54 [Vue warn]: Hydration node mismatch: - rendered on server:  - expected on client: div at <[slug] onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< undefined > > at <Anonymous key="/news/hello-world()" vnode= {__v_isVNode: true, __v_skip: true, type: {…}, props: {…}, key: null, …} route= {fullPath: '/news/hello-world', hash: '', query: {…}, name: 'news-slug', path: '/news/hello-world', …} ... > at <RouterView name=undefined route=undefined > at <NuxtPage> at <Default ref=Ref< undefined > > at <LayoutLoader key="default" layoutProps= {ref: RefImpl} name="default" > at <NuxtLayoutProvider layoutProps= {ref: RefImpl} key="default" name="default" ... > at <NuxtLayout> at <App key=3 > at <NuxtRoot> 如何解决这个问题？我尝试在 onMounted 中获取帖子数据，但在这种情况下 postData 和 postContent 保持为空 onMounted(async () => { await contentStore.fetchPostData({ url, slug }) }) 您可以使用 ClientOnly 组件来消除该警告。请参阅文档了解更多信息。该组件仅在客户端渲染其插槽。

我无法用vue.js显示json

我需要使用 v-for 显示 json 中的产品数组，但我无法这样做。我正在尝试显示产品数组中的 json 数据，但它不起作用。 Vue.js 我需要使用 v-for 显示 json 中的产品数组，但我无法这样做。我正在尝试显示产品数组中的 json 数据，但它不起作用。 Vue.js <div class="box" v-for="product in products" :key="product.id"> <h2>Produto {{ product.name }}</h2> <h3>Situação {{ product.situation }}</h3> </div> export default { data() { return { products: [], }; }, methods: { async getData() { try { const req = await fetch("http://localhost:3000/products"); const data = await req.json(); this.products = data.products; console.log("data" + data); } catch (error) { console.error("Error fetching data:", error); } }, mounted() { this.getData(); }, }, }; JSON： { "products": [ { "id": "a898", "name": "Claudio Romano", "situation": "Ativo" } ] } 您问错了问题，因为该问题与 JSON 无关。如果您对此进行调试，您会注意到 console.logs 不执行，这意味着问题更为根本，因为该方法本身并未实际运行。根本问题是mounted()不应该在methods内部。您正在使用 Vue 的选项 API，其中 data()、methods 和 mounted 都是独立的、单独的“选项”。您需要将安装移动到方法之外，它应该是一个“兄弟”选项。 export default { data() { ... }, methods: { ... }, mounted() { this.getData(); }, }; 游乐场演示