苹果M1芯片安装nginx 并且部署vue项目步骤详解

 更新时间:2021年11月18日 08:38:09   作者:jacky张嘉琛  
在本篇文章里小编给大家整理了一篇关于苹果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对应的nginx.conf文件,对应我们上面说到的配置路径

#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;
}


http {
    include       mime.types;
    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 http://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

如果要指定你启动的nginx.conf文件

nginx -c /跟路径

停止nginx

nginx -s stop

重启nginx

nginx -s reload

到此这篇关于苹果M1芯片安装nginx 并且部署vue项目的文章就介绍到这了,更多相关苹果M1芯片安装nginx 并且部署vue项目内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • Nginx+keepalived双机热备技术实践

    Nginx+keepalived双机热备技术实践

    在互联网的高可用性 服务中,单一的服务节点往往无法满足业务对稳定性和可用性的要求,双机热备是一种常见的高可用性解决方案,它通过两台服务器同时运行相同的服务,本文将详细介绍如何在 Nginx 环境中部署双机热备方案,需要的朋友可以参考下
    2025-01-01
  • nginx开启ws访问和4层负载的编译参数示例

    nginx开启ws访问和4层负载的编译参数示例

    这篇文章主要为大家介绍了nginx开启ws访问和4层负载的编译参数,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-07-07
  • nginx mirror 流量镜像的具体使用

    nginx mirror 流量镜像的具体使用

    流量镜像可以将实时流量的副本发送给被镜像的服务,本文主要介绍了nginx mirror 流量镜像的具体使用,具有一定的参考价值,感兴趣的可以了解一下
    2024-08-08
  • upstream模块在nginx配置文件中的作用详解

    upstream模块在nginx配置文件中的作用详解

    这篇文章主要为大家介绍了upstream模块在nginx配置文件中的作用详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-09-09
  • 使Nginx服务器支持中文URL的相关配置详解

    使Nginx服务器支持中文URL的相关配置详解

    这篇文章主要介绍了使Nginx服务器支持中文URL的相关配置方法,搜索引擎方面Google目前对中文URL的支持度也很好,需要的朋友可以参考下
    2016-01-01
  • Nginx配置WebSocket的详细教程

    Nginx配置WebSocket的详细教程

    Nginx 作为高性能的 HTTP 和反向代理服务器,在处理 WebSocket 协议时,需要进行特定的配置来支持 WebSocket 的连接和通信,下面我们就来看看如何在 Nginx 中配置 WebSocket吧

    2025-03-03
  • nginx安装以及配置的详细过程记录

    nginx安装以及配置的详细过程记录

    Nginx (engine x) 是一个高性能的HTTP和反向代理服务器,也是一个IMAP/POP3/SMTP服务器,下面这篇文章主要给大家介绍了关于nginx安装以及配置的详细过程,文章将实现的过程介绍的非常详细,需要的朋友可以参考下
    2021-09-09
  • 在Nginx中配置image filter模块来实现动态生成缩略图

    在Nginx中配置image filter模块来实现动态生成缩略图

    这篇文章主要介绍了在Nginx中配置image filter模块来实现动态生成缩略图的方法,包括缩略图尺寸的设置等方面的介绍,需要的朋友可以参考下
    2015-12-12
  • windows安装nginx部署步骤图解(反向代理与负载均衡)

    windows安装nginx部署步骤图解(反向代理与负载均衡)

    这篇文章主要介绍了windows安装nginx部署步骤,设置反向代理与负载均衡的使用方法,需要的朋友可以参考下
    2014-02-02
  • Nginx多ip部署多站点的实现步骤

    Nginx多ip部署多站点的实现步骤

    使用Nginx在具有多个IP地址的服务器上部署多个站点,从而实现高效、安全的网站托管,本文主要介绍了Nginx多ip部署多站点的实现步骤,感兴趣的可以了解一下
    2024-01-01

最新评论