mac下如何使用Nginx本地服务器运行打包项目

原创于 2020-05-26 11:26:15 发布 · 1.6k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #webpack

webpack 专栏收录该内容

1 篇文章

订阅专栏

本文介绍在Mac上使用Nginx搭建本地服务器的方法，包括安装Nginx、配置服务、启动服务等步骤，适合用于运行本地打包项目。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

mac下如何使用Nginx本地服务器运行打包项目

通过命令安装brew：

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

然后通过命令安装Nginx：

brew install nginx

可以输入nginx查看是否install成功
配置服务
去到/usr/local/etc/nginx/servers目录下，查看有没有localhost.conf文件，文件配置如下

server {
  listen        127.0.0.1;
  root /Users/ayue/projects/SuperUI/dist;
  location / {
	try_files $uri $uri/  @rewrites;
  }

  location @rewrites {
       rewrite ^(.+)$ /index.html last;
  }
}

主要配置listen和root
127.0.0.1是回送地址，指本地机
/Users/ayue/projects/SuperUI/dist;是本地项目打包后的地址

5.启动nginx:

sudo nginx

(需要输入开机密码)
然后输入127.0.0.1本地打包项目就可以跑起来啦🥳
在这里插入图片描述