背景
公司有个项目的静态资源在另一个仓库。当本地开发时,需要将静态资源目录部署到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了~