跨域疑难：如何解决 mask 引入本地图片产生的跨域问题？
在使用 mask 导入本地图片时，你可能会遇到令人沮丧的跨域错误。为什么会出现跨域问题呢？让我们深入了解一下：
mask 框架假设你以 http(s) 协议加载你的 html 文件，而当使用 file:// 协议打开本地文件时，就会产生跨域限制。这种限制是由浏览器的安全策略造成的，它禁止不同来源之间的 javascript 访问。
解决跨域错误的完美方案
解决此问题的关键是使用本地服务器运行你的文件。你可以使用各种方法来设置本地服务器，例如：
- live server：一个轻量级的 chrome 插件，可轻松启动本地文件。
- python -m http.server：使用 python 内置的 http 服务器。
- visual studio code live server 扩展：直接在 vscode 编辑器中运行你的文件。
启动本地服务器后，请确保以 http(s) 协议访问你的文件。例如：
http://localhost:8080/my_file.html
结论
通过使用本地服务器并加载文件时使用 http(s) 协议，你将消除跨域错误，使 mask 能够成功导入本地图片。现在，你可以无忧无虑地享受在项目中使用本地图像的便利。
