前端進行請求資料的方式

一、require

用于引入子產品、 JSON、或本地檔案。 可以從 node_modules 引入子產品。 可以使用相對路徑（例如 ./、 ./foo、 ./bar/baz、 …/foo）引入本地子產品或 JSON 檔案，路徑會根據 __dirname 定義的目錄名或目前工作目錄進行處理。

// 引入本地子產品：
const myLocalModule = require('./path/myLocalModule');

// 引入 JSON 檔案：
const jsonData = require('./path/filename.json');

// 引入 node_modules 子產品或 Node.js 内置子產品：
const crypto = require('crypto');
           

二、import

例如：

import "./path/data";//省略了字尾名
import axios from "axios";
import React, { useEffect } from "react";
           

三、fetch

fetch('http://example.com/movies.json')
  .then(function(response) {
    return response.json();
  })
  .then(function(myJson) {
    console.log(myJson);
  });
           

這裡我們通過網絡擷取一個 JSON 檔案并将其列印到控制台。最簡單的用法是隻提供一個參數用來指明想 fetch() 到的資源路徑，然後傳回一個包含響應結果的promise（一個 Response 對象）。

當然它隻是一個 HTTP 響應，而不是真的JSON。為了擷取JSON的内容，我們需要使用 json() 方法（在 Body mixin 中定義，被 Request 和 Response 對象實作）。

四、注意

1、json請求出現問題，有可能是json檔案出現問題

2、fetch請求有問題，可以用require或者import進行測試是檔案原因還是别的原因，嫌fetch麻煩，可以使用require代替。