REST API调用从终端使用curl工作，但我在浏览器中从我的Vue / axios应用程序获得404

axios.get('https://api.example.com/data')
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.error('There was an error!', error);
  });

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', (req, res) => {
  res.json({ message: 'Hello from server!' });
});

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

axios.get('https://api.example.com/data', {
  headers: {
    'Content-Type': 'application/json',
    // 其他可能需要的头信息
  }
})
.then(response => {
  console.log(response.data);
})
.catch(error => {
  console.error('There was an error!', error);
});

<template>
  <div>
    <button @click="fetchData">Fetch Data</button>
    <p v-if="data">{{ data.message }}</p>
  </div>
</template>

<script>
import axios from 'axios';

export default {
  data() {
    return {
      data: null
    };
  },
  methods: {
    fetchData() {
      axios.get('https://api.example.com/data', {
        headers: {
          'Content-Type': 'application/json'
        }
      })
      .then(response => {
        this.data = response.data;
      })
      .catch(error => {
        console.error('There was an error!', error);
      });
    }
  }
};
</script>