my first cesium demo

参考网上显示一个地球的网页代码,运行时候报错了。

1、报错内容

SecurityError: Failed to execute 'texImage2D' on 'WebGL2RenderingContext': The image element contains cross-origin data, and may not be loaded.

2、问题定位

网站需要发布出来才能正常访问。

3、解决办法

要指定一个现有的网页,需要在 server.js 文件中创建一个路由,然后将其映射到该网页的文件路径上。

以下是一个使用 Node.js 和 Express 框架的示例代码,假设现有的网页文件名为 existing_page.html,并且该文件位于项目根目录的 public 文件夹中。

const express = require('express');
const app = express();

// 设置静态文件目录
app.use(express.static('public'));

// 创建路由
app.get('/existing_page', (req, res) => {
  res.sendFile(__dirname + '/public/existing_page.html');
});

// 启动服务器
app.listen(3000, () => {
  console.log('Server listening on port 3000');
});

在这个示例代码中,express.static 中间件设置了一个静态文件目录,将 public 文件夹指定为该目录。这样就可以通过 URL 访问 public 文件夹中的所有文件了。

接下来,使用 app.get 方法创建一个路由,将路径 /existing_page 映射到网页文件 existing_page.html 的文件路径上。在这个路由处理程序中,使用 res.sendFile 方法将网页文件发送到客户端。

最后,使用 app.listen 方法启动服务器并监听 3000 端口。现在,当用户访问 http://localhost:3000/existing_page 时,就会得到 existing_page.html 网页的内容。

猜你喜欢

转载自blog.csdn.net/cangqiongxiaoye/article/details/129702567