如果您正在处理一个小型前端项目,并希望在本地测试它,您通常会通过在web浏览器中指向您的本地目录来打开它,例如,在您的地址栏中输入file:/home/erick/mysuperproject/index.html。但是,如果您的站点试图加载资源,即使它们位于您的本地目录中,您可能会看到如下警告:
XMLHttpRequest无法加载文件:/home/Erick/mySuperproject/mylabary.js。只支持HTTP的跨源请求。
Chrome和其他现代浏览器已经实现了对跨源请求的安全限制,这意味着您不能通过file:/加载任何东西,您需要在任何时候使用http:/协议,甚至在本地使用相同的原产地策略。很简单,您需要挂载一个Web服务器才能在那里运行您的项目。
这还不是世界末日,还有很多解决方案,包括优秀的老Apache(如果您正在运行其他几个项目时使用VirtualHosts)、带有Express的node.js、Ruby服务器等,或者只是修改浏览器设置。
然而,对于懒人,有一个更简单和轻量级的解决方案。您可以使用Python的SimpleHTTPServer。它已经与python捆绑在一起,所以您根本不需要安装或配置任何东西!
例如,将cd放到您的项目目录中。
一个CD/HOME/Erick/mySuperproject,然后简单地使用
1 python-mSimpleHTTPServer-仅此而已,您将在您的终端中看到这条消息
1在0.0.0.0端口8000上提供HTTP.所以现在你可以回到你的浏览器http://0.0.0.0:8000你所有的目录文件都在那里。您可以配置端口和其他东西,只需查看文档即可。但是,当我急于测试一个新的库或想出一个新的想法时,这个简单的技巧对我是有效的。
给你,快乐的编码!
编辑:在Python 3+中,SimpleHTTPServer已被http.server取代。例如,在Python3.3中,以下命令是等效的:python -m http.server 8000