为什么前端开发使用到了Nginx?
举个应用场景栗子:
可以部署到测试环境的公司不用看啦哈,这里针对的是没有测试环境的宝宝。
做Vue全家桶项目,当需要测试人员去测试新功能的时候,其实webpack-dev-server里面已经可以有配置来实现局域网内访问本地项目,但是有个问题:开发环境配置项是配置了热更新的,此时只要代码有改动,浏览器就会刷新,所以就会直接影响到测试人员看你本地的项目。所以此时可以通过运行test,或者build命令来将项目打包出来。但是打包出来的项目需要本地起服务,此时就用到了Nginx。
安装Nginx
1,打开终端
2,安装Command Line tools
xcode-select --install
3,安装brew
ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
4,安装Nginx
brew install nginx
5,启动Nginx
sudo nginx
默认端口是8080,访问http://localhost:8080/ 就能看到nginx在本计算机搭建的服务器。
此时在你打包好的文件夹根目录下面输入pwd输出项目目录。复制。然后去编辑nginx.conf文件
输入:
vim /usr/local/etc/nginx/nginx.conf
找到代码进行配置即可:
server{
listen 8080;
server_name localhost;
location / {
root '项目根目录';
index index.html index.htm;
}
}
esc 退出,:wq保存
6,重新启动Nginx
输入:
sudo nginx -s reload
就可以了。
常用命令:
sudo nginx //启动Nginx
sudo nginx -s reload //重启Nginx
sudo nginx -s stop //快速停止Nginx