苹果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处理http请求实现过程解析
Mar 31 Servers
fastdfs+nginx集群搭建的实现
Mar 31 Servers
Nginx反向代理至go-fastdfs案例讲解
Aug 02 Servers
使用Nginx搭载rtmp直播服务器的方法
Oct 16 Servers
使用 Apache Dubbo 实现远程通信(微服务架构)
Feb 12 Servers
Docker下安装Oracle19c
Apr 13 Servers
Tomcat项目启动失败的原因和解决办法
Apr 20 Servers
Windows server 2012搭建FTP服务器
Apr 29 Servers
解决IIS7下无法绑定https主机的问题
Apr 29 Servers
win10搭建配置ftp服务器的方法
Aug 05 Servers
码云(gitee)通过git自动同步到阿里云服务器
Dec 24 Servers
解决ubuntu安装软件时,status-code=409报错的问题
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 str_pad 函数使用详解
2009/01/13 PHP
PHP--用万网的接口实现域名查询功能
2012/12/13 PHP
解析php开发中的中文编码问题
2013/08/08 PHP
thinkphp5.1框架模板赋值与变量输出示例
2020/05/25 PHP
jQuery函数的第二个参数获取指定上下文中的DOM元素
2014/05/19 Javascript
jQuery截取指定长度字符串的实现原理及代码
2014/07/01 Javascript
jquery队列函数用法实例
2014/12/16 Javascript
基于Jquery实现仿百度百科右侧导航代码附源码下载
2015/11/27 Javascript
设置jQueryUI DatePicker默认语言为中文
2016/06/04 Javascript
简单实现bootstrap选项卡效果
2017/02/08 Javascript
Vue.js2.0中的变化小结
2017/10/24 Javascript
Node.js创建Web、TCP服务器
2017/12/05 Javascript
详解webpack 打包文件体积过大解决方案(code splitting)
2018/04/10 Javascript
解决使用layui对select append元素无效或者未及时更新的问题
2019/09/18 Javascript
vue项目引入ts步骤(小结)
2019/10/31 Javascript
[47:42]Fnatic vs Liquid 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
Python编程实现二叉树及七种遍历方法详解
2017/06/02 Python
python 读取摄像头数据并保存的实例
2018/08/03 Python
[原创]Python入门教程1. 基本运算【四则运算、变量、math模块等】
2018/10/28 Python
Django工程的分层结构详解
2019/07/18 Python
Python TCP通信客户端服务端代码实例
2019/11/21 Python
浅谈图像处理中掩膜(mask)的意义
2020/02/19 Python
用python进行视频剪辑
2020/11/02 Python
介绍CSS3使用技巧5个
2009/04/02 HTML / CSS
HTML5 常见面试题之PC端和移动端区别介绍
2018/01/22 HTML / CSS
linux面试题参考答案(8)
2016/04/19 面试题
品质主管的岗位职责
2013/12/04 职场文书
仓库主管的岗位职责
2013/12/04 职场文书
语文教学随笔感言
2014/02/18 职场文书
搞笑创意广告语
2014/03/17 职场文书
付款委托书范本
2014/04/04 职场文书
应届生面试求职信
2014/07/02 职场文书
正风肃纪剖析材料
2014/09/30 职场文书
具结保证书范本
2015/05/11 职场文书
靠谱准确的求职信
2019/04/02 职场文书
十大最强妖精系宝可梦,哲尔尼亚斯实力最强,第五被称为大力士
2022/03/18 日漫