【MDN】如何设置一个本地测试服务器

以下内容均为个人学习笔记。

如果你打开的是本地示例的话，你可以在地址栏看到这个地址是以 file:// 开头的，接着本地硬盘上该示例文件的路径。相比之下，如果你查看的是我们在 GitHub 上托管的示例（或其他远程服务器上的示例），Web 地址会以 http:// 或 https:// 开头，说明该文件是通过 HTTP 传输的。

某些示例如果你将其作为本地文件打开的话，它将不会运行。 这可能是由于各种原因，最有可能是：

为了解决异步请求的问题，我们需要通过在本地Web服务器上运行这些示例来测试这些示例。为我们的目的，最简单的方法之一就是使用Python的 SimpleHTTPServer 模块。

默认情况下，这将在本地Web服务器上的端口8000上运行目录的内容。您可以通过转到 localhost:8000 Web浏览器中的URL来访问此服务器。在这里你会看到列出的目录的内容 - 点击你想运行的HTML文件。

注意 ：如果您已经在端口8000上运行了某些东西，则可以通过运行server命令，然后选择另一个端口号（例如 python -m http.server 7800 （Python 3.x）或 python -m SimpleHTTPServer 7800 （Python 2.x））来选择另一个端口。然后您可以访问您的内容 localhost:7800 。

最近自己做了两个小的demo，前端是微信小程序的，后端是node+koa2实现的，顺便把微信小程序相关知识学习一下，大家有什么问题可以一起讨论，谢谢。

这次记录的是 真机调试是后台是本地服务器，显示未能连接到服务器 的问题。

在小程序开发时我们为了方便而不去搭建域名，在本地直接localhost就可以使用本地的服务器，但是小程序要求是https的域名才可以使用，所以我们在开发时要勾选详情里面的 不校验合法域名、web-view（业务域名）、TLS 版本以及 HTTPS 证书 这一项，这就可以在小程序的开发者工具上看效果了。

但是想要真机调试而且使用本地服务器做后台提供数据的话，需要满足以下几点：

其实是个小问题，注意一下就可以了。

兼容性没调好

很明显的 CSS兼容性没调好， 检测每个容器的宽度是不是超过了导致右边的 撑到下面去了。如果你用的margin-left=100后面在加一个mairgin-left：50px或者你干脆把右边的缩短宽度

IE有个兼容性网页，点击切换

---