js 获取不到json文件

// 使用绝对路径
fetch('/path/to/data.json')
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => console.error('Error:', error));

// 使用相对路径
fetch('data.json')
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => console.error('Error:', error));

// 服务器端设置 CORS 头（以 Node.js 和 Express 为例）
const express = require('express');
const app = express();

app.use((req, res, next) => {
  res.header('Access-Control-Allow-Origin', '*');
  res.header('Access-Control-Allow-Headers', 'Origin, X-Requested-With, Content-Type, Accept');
  next();
});

app.get('/data.json', (req, res) => {
  res.json({ message: 'This is data from another domain' });
});

app.listen(3000, () => {
  console.log('Server running on port 3000');
});

chmod 644 data.json

// 使用 Fetch API
fetch('data.json')
  .then(response => {
    if (!response.ok) {
      throw new Error('Network response was not ok');
    }
    return response.json();
  })
  .then(data => console.log(data))
  .catch(error => console.error('Error:', error));

// 使用 XMLHttpRequest
const xhr = new XMLHttpRequest();
xhr.open('GET', 'data.json', true);
xhr.onload = function () {
  if (this.status === 200) {
    const data = JSON.parse(this.responseText);
    console.log(data);
  } else {
    console.error('Error:', this.statusText);
  }
};
xhr.onerror = function () {
  console.error('Error:', this.statusText);
};
xhr.send();