苹果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实现反向代理
Sep 20 Servers
Apache站点配置SSL强制跳转443
Mar 09 Servers
Nginx如何配置Http、Https、WS、WSS的方法步骤
May 11 Servers
总结高并发下Nginx性能如何优化
Nov 01 Servers
苹果M1芯片安装nginx 并且部署vue项目步骤详解
Nov 20 Servers
使用 Apache Dubbo 实现远程通信(微服务架构)
Feb 12 Servers
Nginx的基本概念和原理
Mar 21 Servers
为Centos安装指定版本的Docker
Apr 01 Servers
nginx日志格式分析和修改
Apr 28 Servers
Nginx HTTP跳转至HTTPS
May 15 Servers
Linux中各个目录的作用与内容
Jun 28 Servers
Linux中一对多配置日志服务器的详细步骤
Jul 23 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中使用cookie来保存用户登录信息的实现代码
2012/03/08 PHP
php函数连续调用实例分析
2015/07/30 PHP
jQuery获取样式中的背景颜色属性值/颜色值
2012/12/17 Javascript
js实现无需数据库的县级以上联动行政区域下拉控件
2013/08/14 Javascript
js编写trim()函数及正则表达式的运用
2013/10/24 Javascript
jqueryUI里拖拽排序示例分析
2015/02/26 Javascript
详解JavaScript中的forEach()方法的使用
2015/06/08 Javascript
javascript如何实现暂停功能
2015/11/06 Javascript
jQuery层次选择器用法示例
2016/09/09 Javascript
Bootstrap组合上、下拉框简单实现代码
2017/03/06 Javascript
详解webpack介绍&安装&常用命令
2017/06/29 Javascript
JavaScript模拟文件拖选框样式v1.0的实例
2017/08/04 Javascript
探究react-native 源码的图片缓存问题
2017/08/24 Javascript
微信小程序基于slider组件动态修改标签透明度的方法示例
2017/12/04 Javascript
laravel5.3 vue 实现收藏夹功能实例详解
2018/01/21 Javascript
vue-quill-editor插入图片路径太长问题解决方法
2021/01/08 Vue.js
vue自定义组件实现双向绑定
2021/01/13 Vue.js
[06:59]DOTA2-DPC中国联赛3月7日Recap集锦
2021/03/11 DOTA
python函数形参用法实例分析
2015/08/04 Python
Python中内建函数的简单用法说明
2016/05/05 Python
Django 前后台的数据传递的方法
2017/08/08 Python
Python排序算法实例代码
2017/08/10 Python
Python实现感知机(PLA)算法
2017/12/20 Python
python学生管理系统代码实现
2020/04/05 Python
python3的UnicodeDecodeError解决方法
2019/12/20 Python
python GUI库图形界面开发之PyQt5简单绘图板实例与代码分析
2020/03/08 Python
tensorflow使用L2 regularization正则化修正overfitting过拟合方式
2020/05/22 Python
Django haystack实现全文搜索代码示例
2020/11/28 Python
详解Python中@staticmethod和@classmethod区别及使用示例代码
2020/12/14 Python
uniapp+Html5端实现PC端适配
2020/07/15 HTML / CSS
银行实习自我鉴定
2013/10/12 职场文书
后勤采购员岗位职责
2013/12/19 职场文书
情人节活动策划方案
2014/02/27 职场文书
我的画教学反思
2014/04/28 职场文书
小学生暑假生活总结
2015/07/13 职场文书
前端使用svg图片改色实现示例
2022/07/23 HTML / CSS