无法打印名称和价格

// 假设这是从后端获取的数据
const data = {
  name: 'Example Product',
  price: 19.99
};

// 前端渲染代码
document.getElementById('product-name').innerText = data.name;
document.getElementById('product-price').innerText = `$${data.price}`;

<div id="product-name"></div>
<div id="product-price"></div>

// 假设这是后端的权限检查逻辑
if (userHasPermission) {
  res.json({ name: 'Example Product', price: 19.99 });
} else {
  res.status(403).json({ message: 'Permission denied' });
}

fetch('/api/product')
  .then(response => {
    if (!response.ok) {
      throw new Error('Network response was not ok');
    }
    return response.json();
  })
  .then(data => {
    document.getElementById('product-name').innerText = data.name;
    document.getElementById('product-price').innerText = `$${data.price}`;
  })
  .catch(error => {
    console.error('There has been a problem with your fetch operation:', error);
  });