使用xampp将angular项目运行在web服务器

在开发angular项目时,因为需要做自适配以适应不同的屏幕,而我的电脑只有1366的。所以我现在需要在本地将angular项目运行在xampp上,然后用手机开热点,给本机和另一台大屏电脑或手机连同一wifi,再使用大屏电脑或手机打开本地电脑运行的网站查看适配情况。

 

安装xampp

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

下载好之后,一路勾选下去就ok了,出现问题请自行百度解决。

 

开启xampp

如果你是安装好之后进行开启,那么直接在底部栏的任务中找到xampp,点击就能看到如下页面:

使用xampp将angular项目运行在web服务器

 

因为我们现在不需要用MySQL等东西,所以我们只需要开启Apache即可,如上。 

或者如果你是原来就安装好了,现在想打开,那么请在你的xampp安装目录里面找到 “xampp-control.exe”,双击启动,然后如上述内容开启即可。安装目录中的开启文件如下:

使用xampp将angular项目运行在web服务器

 

 

配置Angular项目

将index.html中的base href改为如下内容

<!-- <base href="http://www.likecs.com/"> --> <!-- ng build时使用下面这个 --> <base href="">

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wpdwpp.html