如何在Vue.js中使用BigQuery接口

const express = require('express');
const {BigQuery} = require('@google-cloud/bigquery');

const app = express();
const bigqueryClient = new BigQuery();

app.use(express.json());

app.post('/query', async (req, res) => {
    const {query} = req.body;
    try {
        const options = {
            query: query,
            // Location must match that of the dataset(s) referenced in the query.
            location: 'US',
        };
        const [results] = await bigqueryClient.query(options);
        res.json(results);
    } catch (error) {
        res.status(500).json({error: error.message});
    }
});

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

<template>
    <div>
        <input v-model="query" placeholder="Enter your query" />
        <button @click="executeQuery">Execute Query</button>
        <div v-if="results">
            <pre>{{ results }}</pre>
        </div>
    </div>
</template>

<script>
import axios from 'axios';

export default {
    data() {
        return {
            query: '',
            results: null,
        };
    },
    methods: {
        async executeQuery() {
            try {
                const response = await axios.post('http://localhost:3000/query', {query: this.query});
                this.results = response.data;
            } catch (error) {
                console.error(error);
            }
        },
    },
};
</script>

const cors = require('cors');
app.use(cors());