无法在phone中使用{{}}，如何在后端调用联系人电话？

• 报错：无法在phone变量中使用{{}}模板语法
• 现有前端代码：

var walink = "https://web.whatsapp.com/send",
    phone = "https://4934-175-158-53-206.ap.ngrok.io/api/user/contact",
    walink2 = "Halo saya ingin melakukan pemesanan paket wisata",
    text_yes = "Terkirim.",
    text_no = "Isi semua Formulir lalu klik Send.";

• 需求：实现后端接口/api/user/contact，返回联系人电话供前端调用

核心逻辑 #

后端提供GET接口返回存储的联系人电话；前端通过异步请求获取数据，替代直接在变量中使用模板语法的方式。

Node.js（Express）示例 #

1. 添加接口路由

const express = require('express');
const router = express.Router();

// 实际场景可从数据库/配置文件读取电话
const contactPhone = "+6281234567890";

router.get('/api/user/contact', (req, res) => {
  res.json({ phone: contactPhone });
});

module.exports = router;

2. 跨域配置（跨域场景必填）
   若前端与后端域名不同，需启用跨域支持：

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

Python（Flask）示例 #

from flask import Flask, jsonify
from flask_cors import CORS

app = Flask(__name__)
CORS(app)

contact_phone = "+6281234567890"

@app.route('/api/user/contact', methods=['GET'])
def get_contact_phone():
    return jsonify({"phone": contact_phone})

if __name__ == '__main__':
    app.run(debug=True)

前端需通过异步请求获取后端返回的电话，调整原代码逻辑：

let walink = "https://web.whatsapp.com/send";
let walink2 = "Halo saya ingin melakukan pemesanan paket wisata";
let text_yes = "Terkirim.";
let text_no = "Isi semua Formulir lalu klik Send.";

// 请求后端接口获取电话
fetch("https://4934-175-158-53-206.ap.ngrok.io/api/user/contact")
  .then(res => res.json())
  .then(data => {
    // 拼接WhatsApp跳转链接
    const whatsappUrl = `${walink}?phone=${data.phone}&text=${encodeURIComponent(walink2)}`;
    // 后续逻辑：绑定按钮点击事件、直接跳转等
  })
  .catch(err => console.error('获取电话失败:', err));

内容的提问来源于stack exchange，提问作者Doni Cahya