需求

开发angular project的时候，我的电脑只有1366，因为需要适应不同的屏幕。所以现在需要在xampp本地运行angular项目，然后用手机打开一个热点，给这台电脑和另一台大屏幕电脑或者手机一个wifi，然后用大屏幕电脑或者手机打开本地电脑运行的网站检查适配。

安装xampp

下载地址：https://sourceforge.net/projects/xampp/

下载后一路往下查，就没事了。如有问题，请百度解决。

打开xampp

如果您在安装后打开它，请直接在底部列的任务中找到xampp，然后单击查看以下页面：

因为我们现在不需要MySQL等东西，只需要打开Apache，如上图。

或者如果你是原来安装的，现在想打开，请在你的xampp安装目录中找到“xampp-control.exe”，双击启动，然后如上打开。安装目录中打开的文件如下：

配置角度项目

将index.html的基准href更改如下

！- base href='/' -！请使用下面的-base href='。/'when-ngbuild

将以下内容添加到app.moudle.ts文件中

从“@angular/common”导入{ HashLocationStrategy，location strategy }；providers :[{ provider : location strategy，useclass : hashllocationstrategy }]，

在项目下制作ng构建包(这里使用git bash)

ng构建

完成后，您可以在项目下看到一个额外的dist文件，如下所示：

在xampp下启动web服务

将项目中的dist文件复制/剪切到xampp安装目录下的htdocs文件夹，如下所示：

此时，即使打开了项目的web服务器，我们也可以前往浏览器进行验证

http://127.0.0.1:80/dist/

在上面的url下，您可以看到以下内容：

点击ng-china，这是我的项目，点进去就能看到你写的网站，图片如下：

从别人的电脑进入网站

用手机一起给两台电脑开热点，或者链接同一个wifi，让两台电脑在同一个局域网下。

检查运行网站的计算机的ip。注意，因为是连接wifi的，所以此时必须检查WLAN的ipv4地址。使用ipconfig检查图片，如下所示：

此时，输入他人计算机上的ip端口路径以查看网站。

http://172 . 56/dist/ng-China http://176

同样的，手机和电脑搭配一个wifi可以适配手机上的观看页面。