web开发HTM5&CSS3第十五讲课后作业最后一题出现错误
本帖最后由 ironman2021 于 2021-4-17 21:04 编辑我的编程软件是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)
又是一个不发源代码的 本帖最后由 ironman2021 于 2021-4-18 09:57 编辑
wp231957 发表于 2021-4-17 21:20
又是一个不发源代码的
源码在web开发课程第十五讲的作业最后一题中，按你的说法，推测你没遇到过这样的情况。
ironman2021 发表于 2021-4-18 09:55
源码在web开发课程第十五讲的作业最后一题中，按你的说法，推测你没遇到过这样的情况。
我从来都不做作业，所以不知道你说的是啥
所以需要源代码及需求，当然你不发也无所谓 跨域了，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
话说你这不是xampp吗为什么不开web服务 双击html文件运行的？ kogawananari 发表于 2021-4-18 23:08
话说你这不是xampp吗为什么不开web服务 双击html文件运行的？
话说B/S/MYSQL这套业务熟悉不
最近在帮朋友写一套准备生产用的bs系统，感觉这业余的就是业余的，写这玩意，尤其是前后台一起来，实在是太难了 wp231957 发表于 2021-4-19 22:16
话说B/S/MYSQL这套业务熟悉不
最近在帮朋友写一套准备生产用的bs系统，感觉这业余的就是业余的，写这玩 ...
我擅长B不善S{:10_277:}权限太麻烦弄了
要我写sql还行 orm学不会{:10_258:}
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
这样才能正确的启动服务器，以及正常运行程序。
希望对以后的有类似问题的同学有帮助。 ironman2021 发表于 2021-4-21 23:20
感谢，找到原因了。原来打开了xampp，然后启动aphace，并不算是打开了web服务器。打开web服务器需 ...
localhost的ip地址就是127.0.0.1 kogawananari 发表于 2021-4-21 23:34
localhost的ip地址就是127.0.0.1
嗯，谢谢
页:
[1]