mac搭建本地服务器
目录
基础部分
1
2
3
4
启动服务器
添加自定义文档到本地服务器
查看自定义效果
手机/其他电脑 访问本机服务器
说明:本地开发需要搭建本地服务器进行页面的调试,mac系统自带apache服务,本篇日志是针对于mac系统搭建自己的本地服务器教程。
1- 启动服务器
1 |
sudo apachectl start 启动 |
打开终端:执行 sudo apachectl start 启动服务器,打开浏览器,地址栏输入:127.0.0.1,如果页面出现 it works,则代表访问成功。这也是系统默认的内容。如何让浏览器渲染自己自定义的文档呢?见下一步。
2- 添加文档到本地服务器
系统Apache服务器的默认的文档地址是: /Library/WebServer/Documents
添加自己的文档(如下图画红框处)到此目录下,注意替换掉原来的index.html文档,这是默认的入口文档。

大专栏 mac搭建本地服务器E7%9C%8B%E8%87%AA%E5%AE%9A%E4%B9%89%E6%95%88%E6%9E%9C" class="headerlink" title="3- 查看自定义效果">3- 查看自定义效果
打开浏览器,地址栏输入:127.0.0.1,如下图所示:

4- 手机/其他电脑 访问本机服务器
1、找到本机 IP 地址
打开 设置-网络,你可以看到下图红框的内容,即为本机的ip地址:192.168.1.79

2、在手机浏览器或则别的电脑里面输入之前的IP地址:192.168.1.79,即可访问到页面。
特别注意:
一定加必须保证手机和其他电脑和本机在同一局域网
进阶部分
自定义服务器根路径
1、打开终端:open /etc
在打开的finder中找到apache2文档夹,这就是系统自带的apache目录。打开配置文档httpd.conf可以看到系统默认网站根目录是”/Library/WebServer/Documents“,我们要将它改为自己的路径。
2、编辑器全局搜索:DocumentRoot,更改路径如下:
1
2
3
# DocumentRoot "/Library/WebServer/Documents"
DocumentRoot "/Users/9s/sites"
<Directory "/Users/9s/sites">
这样做的好处方便以后的开发调试工作,容易找到自己的服务器目录。
mac搭建本地服务器的更多相关文章
- java -Mac搭建本地服务器并映射到外网
最近在学习Html,小有进步变想着写一个浪漫的静态页面给女朋友浪漫一下,那么问题就来了,如何把我的网页让对网络一窍不通的女朋友看到,所以便想到了是用自己电脑作为服务器的想法.百度以后整理如下: 首先搭 ...
- Mac搭建本地服务器并映射到外网
最近在学习Html,小有进步变想着写一个浪漫的静态页面给女朋友浪漫一下,那么问题就来了,如何把我的网页让对网络一窍不通的女朋友看到,所以便想到了是用自己电脑作为服务器的想法.百度以后整理如下: 首先搭 ...
- Mac 搭建 SVN 服务器环境
Mac 搭建 SVN 服务器环境 一.创建svn repository svnadmin create /path/svn/pro //仓库位置,svn是svn的目录,pro是一个版本库的目录 PS: ...
- MacOS搭建本地服务器
MacOS搭建本地服务器 一,需求分析 1.1,开发app(ios android)时通常需往app中切入web页面,直接导入不行,故需搭建本地的测试网站服务,通过IP嵌入访问页面. 1.2,开发小程 ...
- iOS开发网络篇—搭建本地服务器
iOS开发网络篇—搭建本地服务器 一.简单说明 说明:提前下载好相关软件,且安装目录最好安装在全英文路径下.如果路径有中文名,那么可能会出现一些莫名其妙的问题. 提示:提前准备好的软件 apache- ...
- IIS搭建本地服务器,花生壳实现外网通过域名访问网站
配置服务器 作为一个青年,没有实力,做不出标图所示的服务器. 作为一个学生,买不起服务器 作为一个小孩,买不起域名 但别忘了 作为一个平民玩家,只要有耐心 装备迟早会做出来的 (注:感觉有钱与没钱还是 ...
- 用node.js搭建本地服务器
我的第一篇笔记来写写node.js,我对node.js的并不是很了解,基本的项目路径变换还是会的.原先我下载node.js就是我想学vue.js,后来因为工作的繁忙搁浅了我的计划.最近在学习phase ...
- IDEA搭建本地服务器解决无法连接https://start.spring.io
通过IntellJ IDEA创建Spring Boot项目时,发生以下的问题.如图: 报错: 也许你搜到的都是诸如此类的回答: 在学习springboot的时候,使用IDEA的快速新建springbo ...
- json server的简单使用(附:使用nodejs快速搭建本地服务器)
作为前端开发人员,经常需要模拟后台数据,我们称之为mock.通常的方式为自己搭建一个服务器,返回我们想要的数据.json server 作为工具,因为它足够简单,写少量数据,即可使用. 安装 首先需要 ...
随机推荐
- java中执行javascript案例
Nashorn js engine官方文档 https://docs.oracle.com/javase/7/docs/technotes/guides/scripting/programmer_gu ...
- shell脚本案例
1.MySQL数据库备份脚本,下面的脚本是Mysql全量备份+异地备份 一般Mysql数据库备份会采用在MYSQL从库上执行全量备份+增量备份方式.在从库备份避免Mysql主库备份的时候锁表造成业务影 ...
- django的model字段在保存的时候做预处理怎么办?
django的model字段在保存的时候做预处理怎么办? 比如这个model: class Book(Model): publish_date = DateField() 但是在保存时,用户输入数据是 ...
- 干货|CVE-2019-11043: PHP-FPM在Nginx特定配置下任意代码执行漏洞分析
近期,国外安全研究员Andrew Danau,在参加夺旗赛(CTF: Capture the Flag)期间,偶然发现php-fpm组件处理特定请求时存在缺陷:在特定Nginx配置下,特定构造的请求会 ...
- python学习笔记-模块和包
模块导入方法 1.import 语句 import module1[,module2[,...moduleN]] 当我们使用import语句的时候,Python解释器是怎么找到对应对文件对呢?答案是解 ...
- 运用Access学习数据库的三大范式
第一范式(1NF):强调的是列的原子性,即“列不能够再分成其他几列”,同一列中不能有多个值. 例子:业余爱好编码表+员工编码表 当员工杨来的业余爱好有多个时,此时的数据库设计不满足第一范式,可进行如下 ...
- idea 2018.3.4 破解
我的idea_home=C:\Program Files\\IntelliJ IDEA 2018.3.4\ 1.下载破解文件 链接:https://pan.baidu.com/s/1I2APmk-pj ...
- 奔跑的绵羊js
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
- Java 面向对象概述原理: 多态、Object类,转型(8)
Java 面向对象概述原理: 多态.Object类,转型(8) http://docs.oracle.com/javase/tutorial/java/IandI/override.html Java ...
- EL表达式和JSTL(一)
一. 初始JavaBean 在软件开发时,有些数据时经常要用到的,为了方便进行移植,Sun公司提出了一种JavaBean技术,使用JavaBean对这些数据进行封装,做到一次编写,到处开发. Java ...