web开发HTM5&CSS3第十五讲课后作业最后一题出现错误

ironman2021

我的编程软件是vscode。在chrome中显示最后一题的中的home.js文件有错。上网找了一下解决方法，还是没有一个有效的，请问大家遇到过吗，如何解决？
错误提示如下：

Uncaught DOMException: Failed to execute 'getImageData' on 'CanvasRenderingContext2D': The canvas has been tainted by cross-origin data.
    at Object.getParticles (file:///D:/xampp/htdocs/%E6%9C%8D%E5%8A%A1%E5%99%A8%E6%B5%8B%E8%AF%95/js/home.js:151:28)
    at Object.initParticles (file:///D:/xampp/htdocs/%E6%9C%8D%E5%8A%A1%E5%99%A8%E6%B5%8B%E8%AF%95/js/home.js:126:27)
    at Object.init (file:///D:/xampp/htdocs/%E6%9C%8D%E5%8A%A1%E5%99%A8%E6%B5%8B%E8%AF%95/js/home.js:177:8)
    at window.onload (file:///D:/xampp/htdocs/%E6%9C%8D%E5%8A%A1%E5%99%A8%E6%B5%8B%E8%AF%95/js/home.js:685:9)

wp231957

又是一个不发源代码的

ironman2021

wp231957 发表于 2021-4-17 21:20
又是一个不发源代码的

源码在web开发课程第十五讲的作业最后一题中，按你的说法，推测你没遇到过这样的情况。

wp231957

ironman2021 发表于 2021-4-18 09:55
源码在web开发课程第十五讲的作业最后一题中，按你的说法，推测你没遇到过这样的情况。

我从来都不做作业，所以不知道你说的是啥
所以需要源代码及需求，当然你不发也无所谓

kogawananari

跨域了，ip地址对不上。仔细一看 你不只是ip对不上 协议都对不上

连个服务都不开 看看你的报错 window.onload (file:///D:。。。） file协议你这也叫学web吗    至少得是http://127...才叫运行web

用vscode插件或者nodejs或者python命令可以解决

nodejs脚本我自己写的你可以用用

1. const port = 27016,
   
2.     url = require("url"),
   
3.     fs = require("fs"),
   
4.     http = require("http"),
   
5.     path = require("path");
   
6. 
   
7. http.createServer((req, res) => {
   
8.     let pathname = __dirname + url.parse(decodeURIComponent(req.url)).pathname;
   
9. 
   
10.     if (path.extname(pathname) == "") {
    
11.         pathname += "/";
    
12.     }
    
13.     if (pathname.charAt(pathname.length - 1) == "/") {
    
14.         pathname += "index.html";
    
15.     }
    
16. 
    
17.     fs.exists(pathname, exists => {
    
18.         if (exists) {
    
19.             switch (path.extname(pathname)) {
    
20.                 case ".html":
    
21.                     res.writeHead(200, { "Content-Type": "text/html" });
    
22.                     break;
    
23.                 case ".js":
    
24.                     res.writeHead(200, { "Content-Type": "text/javascript" });
    
25.                     break;
    
26.                 case ".css":
    
27.                     res.writeHead(200, { "Content-Type": "text/css" });
    
28.                     break;
    
29.                 case ".gif":
    
30.                     res.writeHead(200, { "Content-Type": "image/gif" });
    
31.                     break;
    
32.                 case ".jpg":
    
33.                     res.writeHead(200, { "Content-Type": "image/jpeg" });
    
34.                     break;
    
35.                 case ".png":
    
36.                     res.writeHead(200, { "Content-Type": "image/png" });
    
37.                     break;
    
38.                 default:
    
39.                     res.writeHead(200, { "Content-Type": "application/octet-stream" });
    
40.             }
    
41. 
    
42.             fs.readFile(pathname, function (err, data) {
    
43.                 res.end(data);
    
44.             });
    
45.         } else {
    
46.             res.writeHead(200, { "Content-Type": "text/html" });
    
47.             fs.readFile('404.html', function (err, data) {
    
48.                 if(err){
    
49.                     res.writeHead(404, { "Content-Type": "text/html" });
    
50.                     res.end("<h1>404 Not Found</h1>");
    
51.                 }
    
52.                 res.end(data);
    
53.             });
    
54.         }
    
55.     });
    
56. }).listen(port, "127.0.0.1");
    
57. 
    
58. console.log(`Server running at http://127.0.0.1:${port}/`);

复制代码

python命令 一样的

1. py -m http.server 27015

复制代码

kogawananari

话说你这不是xampp吗  为什么不开web服务 双击html文件运行的？

wp231957

kogawananari 发表于 2021-4-18 23:08
话说你这不是xampp吗  为什么不开web服务 双击html文件运行的？

话说B/S/MYSQL这套业务熟悉不
最近在帮朋友写一套准备生产用的bs系统，感觉这业余的就是业余的，写这玩意，尤其是前后台一起来，实在是太难了

kogawananari

wp231957 发表于 2021-4-19 22:16
话说B/S/MYSQL这套业务熟悉不
最近在帮朋友写一套准备生产用的bs系统，感觉这业余的就是业余的，写这玩 ...

我擅长B不善S  权限太麻烦弄了
要我写sql还行 orm学不会

ironman2021

kogawananari 发表于 2021-4-18 23:08
话说你这不是xampp吗  为什么不开web服务 双击html文件运行的？

      感谢，找到原因了。原来打开了xampp，然后启动aphace，并不算是打开了web服务器。打开web服务器需要在浏览器的网址输入栏中输入localhost然后后面输入路径。
    值得注意的是不能有中文，而且如果端口号已经修改了，需要加上端口号。例如：我将端口改成了8081，我的html文件在xampp安装目录下的htdocs目录下的server_test文件夹下。那么就应该在在网址输入栏中输入：localhost：8081\server_test\index.html  
   这样才能正确的启动服务器，以及正常运行程序。
   希望对以后的有类似问题的同学有帮助。

kogawananari

ironman2021 发表于 2021-4-21 23:20
感谢，找到原因了。原来打开了xampp，然后启动aphace，并不算是打开了web服务器。打开web服务器需 ...

localhost的ip地址就是127.0.0.1

ironman2021

kogawananari 发表于 2021-4-21 23:34
localhost的ip地址就是127.0.0.1

嗯，谢谢