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脚本我自己写的你可以用用

const port = 27016,
    url = require("url"),
    fs = require("fs"),
    http = require("http"),
    path = require("path");

http.createServer((req, res) => {
    let pathname = __dirname + url.parse(decodeURIComponent(req.url)).pathname;

    if (path.extname(pathname) == "") {
        pathname += "/";
    }
    if (pathname.charAt(pathname.length - 1) == "/") {
        pathname += "index.html";
    }

    fs.exists(pathname, exists => {
        if (exists) {
            switch (path.extname(pathname)) {
                case ".html":
                    res.writeHead(200, { "Content-Type": "text/html" });
                    break;
                case ".js":
                    res.writeHead(200, { "Content-Type": "text/javascript" });
                    break;
                case ".css":
                    res.writeHead(200, { "Content-Type": "text/css" });
                    break;
                case ".gif":
                    res.writeHead(200, { "Content-Type": "image/gif" });
                    break;
                case ".jpg":
                    res.writeHead(200, { "Content-Type": "image/jpeg" });
                    break;
                case ".png":
                    res.writeHead(200, { "Content-Type": "image/png" });
                    break;
                default:
                    res.writeHead(200, { "Content-Type": "application/octet-stream" });
            }

            fs.readFile(pathname, function (err, data) {
                res.end(data);
            });
        } else {
            res.writeHead(200, { "Content-Type": "text/html" });
            fs.readFile('404.html', function (err, data) {
                if(err){
                    res.writeHead(404, { "Content-Type": "text/html" });
                    res.end("<h1>404 Not Found</h1>");
                }
                res.end(data);
            });
        }
    });
}).listen(port, "127.0.0.1");

console.log(`Server running at http://127.0.0.1:${port}/`);

python命令 一样的

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

嗯，谢谢