AI合成的小网站

在最先的时候是使用一段语句：帮我用express写一个最简单的后端halloword的程序

然后我AI得到一段话：

• 在这里我是用的端口的地方我有改一点，方便直接在vscode中的命令行可以直接的调用：我改成了：http://localhost:${PORT}，这样可以直接好调用一些。

// 引入 express 模块
const express = require('express');

// 创建 express 应用
const app = express();

// 定义一个简单的路由
app.get('/', (req, res) => {
  res.send('Hello World!');
});

// 设置应用监听的端口
const PORT = process.env.PORT || 3000;
app.listen(PORT, () => {
  console.log(`Server is running on port ${PORT}`);
});

在这里首先我是写出了在node中的node.js的初始的接口的代码：

这里写出了一些端口的信息之后就直接用AI的方式，

// 引入 express 模块
const express = require('express');

// 创建 express 应用
const app = express();

// 定义一个简单的路由
app.get('/', (req, res) => {
  res.json({message:'Hello World!',});
});

// 获取所有的todo
app.get('/todo', async(req, res) => {
    res.json({message:'not implemented yet'});
});

// 获取一个todo
app.get('/todo/:id', async(req, res) => {
    res.json({message:'not implemented yet'});
});

//创建一个新的todo
app.get('/todos/', async(req, res) => {
    res.json({message:'not implemented yet'});
});

//删除一个todo
app.get('/todos/:id', async(req, res) => {
    res.json({message:'not implemented yet'});
});

//这里的req的意思是客户端对其的一个请求，
//这里的res的意思就是给客户端法的数据

// 设置应用监听的端口
const PORT = process.env.PORT || 3000;
app.listen(PORT, () => {
  console.log(`Server is running on port http://localhost:${PORT}`);
});

这里的AI我使用的是直接通过提示语句：我在做一个todolist app。帮我修改下面的代码，填充没实现的API。使用本地变量来储存所有的todo

之后给出了一段代码：

在这段代码中其实之后会发现是有错误的，因为会有这个问题：

1. CORS（跨域资源共享）问题：

   • 浏览器出于安全考虑，默认情况下不允许从一个源（域名、协议或端口不同）向另一个源发送请求。如果您在浏览器中运行的前端代码尝试向不同的源发送请求，就会触发 CORS 错误。

2. 服务器未正确配置 CORS：

   • 如果您的 Node.js 服务器没有正确配置以允许来自特定源的请求，浏览器会阻止这些请求并抛出 Failed to fetch 错误。

// 引入 express 模块
const express = require('express');

// 创建 express 应用
const app = express();

// 使用中间件解析 JSON 请求体
app.use(express.json());

// 初始化本地存储的 todo 列表
let todos = [];
let currentId = 1;

// 定义一个简单的路由
app.get('/', (req, res) => {
  res.json({ message: 'Hello World!' });
});

// 获取所有的 todo
app.get('/todo', (req, res) => {
  res.json(todos);
});

// 获取一个 todo
app.get('/todo/:id', (req, res) => {
  const todoId = parseInt(req.