mac配置nginx静态资源

234 阅读1分钟

背景

公司有个项目的静态资源在另一个仓库。当本地开发时,需要将静态资源目录部署到localhost才能正常开发。

静态资源绝对路径:
/Users/zxc/test/src

静态资源目录示例:

- src
- - a.js
- - b.css
- - index.html

nginx安装

此处通过homebrew安装

brew install nginx

# 启动:nginx
# 重启:nginx -s reload
# 停止:nginx -s stop

配置nginx.conf

如果是homebrew安装的,该文件的地址一般为
/opt/homebrew/etc/nginx/nginx.conf
反之,可能为
/usr/local/etc/nginx/nginx.conf

在server字段下新增location

location /test {
    # 防止本地开发时出现跨域
    add_header Access-Control-Allow-Origin *;
    # 静态资源路径
    alias /Users/zxc/test/src;
    # 默认文件,不一定非要html文件
    index index.html;
}

修改完成后重启nginx服务(nginx -s reload),再访问localhost/test,若显示了你配置的index文件则ok。
但我遇到了403没有权限的问题,在网上搜索了一番发现还需要配置user。
再次打开nginx.conf:

# user nobody; 之前被注释了

# 需要将其取消注释并修改
# user 【用户名】 【用户组】
# 比如:
user zxc staff;

查看用户所在用户组的命令:id zxc
修改完成后再次重启nginx服务(nginx -s reload),再访问localhost/test,终于OK了~