苹果M1芯⽚安装nginx并且部署vue项⽬步骤详解brew安装nginx
苹果mac安装使⽤ brew 安装，如果brew没有安装的话，请到搜索其他地⽅。
执⾏命令
第⼀步当然是更新我们的brew库，可以认为这个玩意就是个软件仓库，类似于安卓市场，苹果appStore
brew update
第⼆步直接查我们的brew库中有没有nginx这个玩意⼉
brew search nginx
如果出现，证明库中已经有了，直接进⾏安装命令
brew install nginx
安装完只要没有报错，你的nginx就是已经安装成功了。。。
mac环境下的nginx对应路径
⾸先肯定是要知道我们的nginx常⽤的路径，我已经列出来了
说明路径
nginx配置路径（conf等⽂件）/usr/local/etc/nginx
nginx上⾯部署的项⽬放包地址/usr/local/etc/nginx/servers
nginx中的⽇志/usr/local/var/log/nginx
nginx中访问默认⾸页地址/usr/local/var/www
编辑nginx对应的f⽂件，对应我们上⾯说到的配置路径
#user  nobody;
worker_processes  1;
#error_log  logs/error.log;
#error_log  logs/error.log  notice;
#error_log  logs/error.log  info;
#pid        logs/nginx.pid;
events {
worker_connections  1024;
}
nginx 配置文件
http {
include      pes;
default_type  application/octet-stream;
sendfile        on;
#tcp_nopush    on;
#keepalive_timeout  0;
keepalive_timeout  65;
client_body_buffer_size 10m;
client_max_body_size 20m;
#gzip  on;
server {
listen      80;
server_name  localhost;
location / {
root  /usr/local/etc/nginx/servers/html;
index  index.html;
try_files $uri $uri/ /index.html;
}
location /api {
proxy_pass localhost:18080/api;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
set $Real $http_x_forwarded_for;
if ( $Real ~ (\d+)\.(\d+)\.(\d+)\.(\d+),(.*) ){
set $Real $1.$2.$3.$4;
}
proxy_set_header X-Real-Ip $Real;
}
}
有个细节特别需要注意，如果你的root不是绝对路径的话，可能访问不到
⽹上⼤部分都是相对路径，我不知道是什么问题，我本地不⾏，要⽤绝对路径，上⾯路径的那个servers/html 的那个东西就是你的vue项⽬npm run build 命令后的dist包，解压后放到这个路径就⾏了，名字⼀定要和你nginx配置⽂件的路径对应
最后⼤结局
最终就是启动nginx了，直接终端命令输⼊
nginx
如果要指定你启动的f⽂件
nginx -c /跟路径
停⽌nginx
nginx -s stop
重启nginx
nginx -s reload
到此这篇关于苹果M1芯⽚安装nginx 并且部署vue项⽬的⽂章就介绍到这了，更多相关苹果M1芯⽚安装nginx 并且部署vue项⽬内容请搜索以前的⽂章或继续浏览下⾯的相关⽂章希望⼤家以后多多⽀持！

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。