网页访问deepseek服务

开发html5网页，通过JavaScript访问deepseek服务。

1.在线版本：

// script.js
document.getElementById('askButton').addEventListener('click', function() {
    const question = document.getElementById('questionInput').value;
    if (question.trim() === '') {
        alert('请输入问题！');
        return;
    }

    // 这里假设DeepSeek API的端点是 'https://api.deepseek.com/v1/ask'
    const apiUrl = 'https://api.deepseek.com/v1/chat/completions';
    const apiKey = 'sk-f4711749144249028??'; // 替换为你的DeepSeek API密钥

    fetch(apiUrl, {
        method: 'POST',
        headers: {
            'Content-Type': 'application/json',
            'Authorization': `Bearer ${apiKey}`
            //'Access-Control-Allow-Origin':true
        },
        body: JSON.stringify({
                        model: "deepseek-chat", // 根据实际模型修改
                        messages: [{
                            role: "user",
                            content: question
                        }],
                        "stream": false
                    })
    })
    .then(response => response.json())
    .then(data => {
        document.getElementById('response').innerText = data.choices[0].message.content;;
    })
    .catch(error => {
        console.error('Error:', error);
        document.getElementById('response').innerText = '获取答案时出错，请稍后重试。';
    });
});

2.本地部署的ollama，deepseek-r1:14b

// script.js
document.getElementById('askButton').addEventListener('click', function() {
    const question = document.getElementById('questionInput').value;
    if (question.trim() === '') {
        alert('请输入问题！');
        return;
    }

    // 这里假设DeepSeek API的端点是 'https://api.deepseek.com/v1/ask'
    const apiUrl = 'http://localhost:11434/v1/chat/completions';
    const apiKey = ''; // 替换为你的DeepSeek API密钥

    fetch(apiUrl, {
        method: 'POST',
        headers: {
            'Content-Type': 'application/json',
            //'Authorization': `Bearer ${apiKey}`
            //'Access-Control-Allow-Origin':true
        },
        body: JSON.stringify({
                        model: "deepseek-r1:14b", // 根据实际模型修改
                        messages: [{
                            role: "user",
                            content: question
                        }],
                        "stream": false
                    })
    })
    .then(response => response.json())
    .then(data => {
        document.getElementById('response').innerText = data.choices[0].message.content;;
    })
    .catch(error => {
        console.error('Error:', error);
        document.getElementById('response').innerText = '获取答案时出错，请稍后重试。';
    });
});