在开发过程常常有要访问静态文件的场景,可是用vscode开发不能直接访问,因此须要配置nginx访问静态文件,或者配置域名之类的,今天就说一下nginx配置相关;因为笔者用到的场景很少,本文主要是用来记录简单的使用。html
话很少说,通常使用brew来安装nginxnginx
brew install nginx
若是没有brew,则须要先安装brew,执行下面的命令,安装brew;git
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
首先进入nginx,使用以下命令行github
vi /usr/local/etc/nginx/nginx.conf
静态文件的配置方式:api
server{ listen 80; server_name www.statictest.com; //要访问的域名配置 root /Users/wowdesign/Desktop/somedemo/koaDemo/static; // (这里添加本身的项目静态文件目录) location / { autoindex on; index index.html index.htm; } }
值得注意的地方:要在nginx.conf文件里的第一行配置 user root owner;才能访问root的静态文件,不然会报403;
同事须要在hosts文件中进行配置,使用下面命令行进入hosts文件:浏览器
vi /etc/hosts;
配置方式:ruby
127.0.0.1 www.statictest.com // 域名配置
此时当浏览器访问这个www.statictest.com这个域名时会指向127.0.0.1;访问本地文件
此时全部访问静态文件所须要的配置,已所有配置完成,而后开启nginxkoa
sudo nginx // 启动nginx
须要注意的是,每次改了nginx都要重启nginx,重启nginx的命令是curl
sudo nginx -s reload
以上表明启动成功
下面在介绍nginx几个经常使用的命令行:url
sudo nginx // 启动nginx sudo nginx -s reload // 重启nginx ps -ef | grep nginx; // 查看查看nginx进程 kill -TERM 主进程号 // 杀死进程
具体使用见下图
能够从network里查看的你的配置是否成功
PS:反向代理的配置方式简单介绍:
server { listen 80; server_name api.zerotoone.com; //访问的域名 location / { proxy_pass http://127.0.0.1:9000; // 本地开启的服务 proxy_redirect default; } }
转载请注明做者 : crystal 我在桌上刻个早字 谢谢啦