纯净、安全、绿色的下载网站

首页|软件分类|下载排行|最新软件|IT学院

当前位置:首页IT学院IT技术

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

jacky张嘉琛   2021-11-18 我要评论
想了解苹果M1芯片安装nginx 并且部署vue项目步骤详解的相关内容吗jacky张嘉琛在本文为您仔细讲解苹果M1芯片安装nginx部署vue项目的相关知识和一些Code实例欢迎阅读和指正我们先划重点: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

相关文章

猜您喜欢

  • Python 列表筛选数据 Python 列表筛选数据详解

    想了解Python 列表筛选数据详解的相关内容吗陈年椰子在本文为您仔细讲解Python 列表筛选数据的相关知识和一些Code实例欢迎阅读和指正我们先划重点:Python,列表,Python筛选数据下面大家一起来学习吧。..
  • Python 树形选择排序 Python 选择排序中的树形选择排序

    想了解Python 选择排序中的树形选择排序的相关内容吗李欣容在本文为您仔细讲解Python 树形选择排序的相关知识和一些Code实例欢迎阅读和指正我们先划重点:Python,选择排序,Python,树形选择排序下面大家一起来学习吧。..

网友评论

Copyright 2020 www.tdogsoftware.com 【零度软件园】 版权所有 软件发布

声明:所有软件和文章来自软件开发商或者作者 如有异议 请与本站联系 点此查看联系方式