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


Posted in Servers onNovember 20, 2021

brew安装nginx

苹果mac安装使用 brew 安装,如果brew没有安装的话,请到搜索其他地方。
执行命令

第一步当然是更新我们的brew库,可以认为这个玩意就是个软件仓库,类似于安卓市场,苹果appStore

brew update

第二步直接查找我们的brew库中有没有nginx这个玩意儿

brew search nginx

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

如果出现,证明库中已经有了,直接进行安装命令

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不是绝对路径的话,可能访问不到

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

网上大部分都是相对路径,我不知道是什么问题,我本地不行,要用绝对路径,上面路径的那个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项目内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Servers 相关文章推荐
Nginx配置SSL证书出错解决方案
Mar 31 Servers
Nginx反爬虫策略,防止UA抓取网站
Mar 31 Servers
Nginx下配置Https证书详细过程
Apr 01 Servers
Nginx工作原理和优化总结。
Apr 02 Servers
关于nginx 实现jira反向代理的问题
Sep 25 Servers
阿里云ECS云服务器快照的概念以及如何使用
Apr 21 Servers
配置nginx负载均衡
May 06 Servers
在容器中使用nginx搭建上传下载服务器
May 11 Servers
服务器间如何实现文件共享
May 20 Servers
Apache SeaTunnel实现 非CDC数据抽取
May 20 Servers
在虚拟机中安装windows server 2008的图文教程
Jun 28 Servers
CentOS7 minimal 最小化安装网络设置过程
Dec 24 Servers
Nginx stream 配置代理(Nginx TCP/UDP 负载均衡)
Nov 17 #Servers
Nginx源码编译安装过程记录
Nov 17 #Servers
Nginx 路由转发和反向代理location配置实现
Nov 11 #Servers
nginx中proxy_pass各种用法详解
Apache POI的基本使用详解
nginx实现动静分离的方法示例
Nginx内网单机反向代理的实现
Nov 07 #Servers
You might like
php中ob(Output Buffer 输出缓冲)函数使用方法
2007/07/21 PHP
ThinkPHP3.1的Widget新用法
2014/06/19 PHP
PHP函数积累总结
2019/03/19 PHP
Referer原理与图片防盗链实现方法详解
2019/07/03 PHP
javascript 模拟JQuery的Ready方法实现并出现的问题
2009/12/06 Javascript
javascript椭圆旋转相册实现代码
2012/01/16 Javascript
基于JavaScript自定义构造函数的详解说明
2013/04/24 Javascript
基于jquery的文章中所有图片width大小批量设置方法
2013/08/01 Javascript
JavaScript中的prototype和constructor简明总结
2014/04/05 Javascript
jquery获取radio值实例
2014/10/16 Javascript
AngularJS基础 ng-focus 指令简单示例
2016/08/01 Javascript
JS框架之vue.js(深入三:组件1)
2016/09/29 Javascript
谈谈因Vue.js引发关于getter和setter的思考
2016/12/02 Javascript
微信小程序小组件 基于Canvas实现直播点赞气泡效果
2020/05/29 Javascript
JavaScript定义函数_动力节点Java学院整理
2017/06/27 Javascript
Three.js利用dat.GUI如何简化试验流程详解
2017/09/26 Javascript
原生JS实现的多个彩色小球跟随鼠标移动动画效果示例
2018/02/01 Javascript
[原创]微信小程序获取网络类型的方法示例
2019/03/01 Javascript
详解关于html,css,js三者的加载顺序问题
2019/04/10 Javascript
解决Layui数据表格的宽高问题
2019/09/28 Javascript
vue组件入门知识全梳理
2020/09/21 Javascript
Windows下搭建python开发环境详细步骤
2020/07/20 Python
python 统计代码行数简单实例
2017/05/04 Python
Python基于回溯法子集树模板解决野人与传教士问题示例
2017/09/11 Python
通过shell+python实现企业微信预警
2019/03/07 Python
Django ImageFiled上传照片并显示的方法
2019/07/28 Python
python 并发下载器实现方法示例
2019/11/22 Python
keras slice layer 层实现方式
2020/06/11 Python
用sleep间隔进行python反爬虫的实例讲解
2020/11/30 Python
Mio Skincare法国官网:身体紧致及孕期身体护理
2018/04/04 全球购物
继承公证书样本
2014/04/04 职场文书
2014院党委领导班子对照检查材料思想汇报
2014/09/24 职场文书
实习生个人总结范文
2015/02/28 职场文书
小学五年级班主任工作经验交流材料
2015/11/02 职场文书
《半截蜡烛》教学反思
2016/02/19 职场文书
如何用Python搭建gRPC服务
2021/06/30 Python