mac os x 之通过远程主机在nginx上部署web静态页面

时间:2022-09-08 13:39:17

1.mac使用ssh命令登陆远程主机

   因为苹果mac os x自带ssh命令,所以我们只需打开终端输入

$ ssh user@remote

  在这之前最好在服务器上上传自己的ssh key,避免每次登陆输入密码

稍作等待就连接上服务器了

 

2.mac使用scp命令向远处主机上传文件

在终端窗口,按下command+n,打开另一个终端窗口,并输入

$ scp ~/local/file user@remote:~/file

    当然一般我们上传的是文件夹,所以加上-r

$ scp -r ~/local/file user@remote:~/file

  

3.nginx安装与配置

首先检查一下远程服务器是否安装ngnix.

nginx -V

  因为博主的服务器已经安装ngnix,所以下面介绍一下mac os x系统安装nginx的方法

首先我们要用到homebrew,在终端中输入

ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

  等待安装结束。

再在终端执行,等待安装结束皆可

brew install nginx

    brew常用命令:

安装软件:  brew install  *(软件名 eg. brew install nginx)

卸载软件:  brew uninstall *

搜索软件:  brew search *

显示已经安装软件列表:  brew list

更新软件:  brew update

更新某具体软件: brew upgrade git

接下来主要是nginx的配置问题,因为nginx的配置项较多,这里就不一一介绍,只把运行一个静态页面需要配置的东西拿出来配置一下

首先可以看一下nginx的默认配置,可通过brew查看

mac os x 之通过远程主机在nginx上部署web静态页面

从上图中可以看到,nginx的默认root路径(也就是服务器根目录)是 /usr/local/var/www

默认端口:8080

下面进入nginx的配置文件,我们也能看到这些信息.

nginx的配置文件是nginx.conf和nginx.conf.default,一般我们可以从

/usr/local/etc/nginx/  中找到这两个文件,通过vim打开nginx.conf。

可以在配置中看到这样一段,可以在location的root 中改变文件存放位置

mac os x 之通过远程主机在nginx上部署web静态页面

注意:此处有个大坑

默认路径事 /usr/local/var/www,而在配置中又写了root html,所以真是路径是 /usr/local/var/www/html

但我们cd 进入/usr/local/var/www 并没有html文件,所以需要手动创建一个html,并放入工程。

如果发现nginx没有加载到某些文件或是某些页面出现一下403错误,是因为没有权限

输入 chmod 755  问题文件路径就可以解决

mac os x 之通过远程主机在nginx上部署web静态页面

修改之后需要停止nginx重新启动:终端输入

nginx -s stop  停止   nginx 重启

4.mac使用cp命令把web文件复制到nginx的路由地址文件

在上一步我们已经知道了 /usr/local/var/www 是系统运行的根目录,那么我们使用cp命令把我们的本地文件复制到此处

cp -r /local/files /des/files

  

5.浏览工程

mac os x 之通过远程主机在nginx上部署web静态页面

mac os x 之通过远程主机在nginx上部署web静态页面的更多相关文章

  1. 用nginx的反向代理机制解决前端跨域问题在nginx上部署web静态页面

    用nginx的反向代理机制解决前端跨域问题在nginx上部署web静态页面 1.什么是跨域以及产生原因 跨域是指a页面想获取b页面资源,如果a.b页面的协议.域名.端口.子域名不同,或是a页面为ip地 ...

  2. 在nginx上部署vue项目(history模式);

    在nginx上部署vue项目(history模式): vue-router 默认是hash模式,使用url的hash来模拟一个完整的url,当url改变的时候,页面不会重新加载.但是如果我们不想has ...

  3. nginx上部署python web

    nginx上部署python web http://uwsgi-docs.readthedocs.io/en/latest/tutorials/Django_and_nginx.html

  4. Nginx上部署HTTPS

    Nginx上部署HTTPS依赖OpenSSL库和包含文件,即须先安装好libssl-dev,且ln -s /usr/lib/x86_64-linux-gnu/libssl.so  /usr/lib/, ...

  5. 基于flask+gunicorn+nginx来部署web App

    基于flask+gunicorn&&nginx来部署web App WSGI协议 Web框架致力于如何生成HTML代码,而Web服务器用于处理和响应HTTP请求.Web框架和Web服务 ...

  6. Nginx上部署HTTPS + HTTP2

    Nginx上部署HTTPS依赖OpenSSL库和包含文件,即须先安装好libssl-dev(或者OpenSSL),且ln -s /usr/lib/x86_64-linux-gnu/libssl.so ...

  7. 在Nginx上部署ThinkPHP,解决Pathinfo问题

    在Nginx上部署ThinkPHP,解决Pathinfo问题 事实上.要解决nginx不支持pathinfo的问题.有两个解决思路,一是不使用pathinfo模式,二是改动nginx的配置文件,使它支 ...

  8. 在nginx上部署vue项目(history模式)--demo实列;

    在很早之前,我写了一篇 关于 在nginx上部署vue项目(history模式) 但是讲的都是理论,所以今天做个demo来实战下.有必要让大家更好的理解,我发现搜索这类似的问题还是挺多的,因此在写一篇 ...

  9. Mac OS X Mavericks or Yosemite 安装Nginx、PHP、Mysql、phpMyAdmin

    翻译:http://blog.frd.mn/install-nginx-php-fpm-mysql-and-phpmyadmin-on-os-x-mavericks-using-homebrew/ 最 ...

随机推荐

  1. Node.js-npm【1】-常用命令

    查看版本:npm -v 获取全局目录:npm config get prefix 设置全局目录npm config set prefix "D:\Program Files\nodejs\n ...

  2. HTML 学习笔记 CSS样式(定位)

    CSS定位(Positioning)属性 允许你对元素进行定位. CSS定位和浮动 CSS为定位和浮动提供了一些属性,利用这些属性 可以建立列式布局,将布局的一部分与另一部分重叠.还可以完成多年来通常 ...

  3. _beginThreadex创建多线程解读【转】

    _beginThreadex创建多线程解读 一.需要的头文件支持 #include <process.h>         // for _beginthread() 需要的设置:Proj ...

  4. OBD Experts OBD II Software OBD II Protocol Stack

    http://www.obdexperts.co.uk/stack.html OBD II Software OBD Experts can provide you with ready to use ...

  5. 简单的Ajax例子

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  6. linux root修改密码失败

    问题: 当使用root修改密码时,报错passwd:Authentication token manipulation error 解决: 1.查看是否权限问题, /etc/passwd /etc/s ...

  7. 入坑第二式 golang入坑系统

    史前必读: 这是入坑系列的第二式,如果错过了第一式,可以去gitbook( https://andy-zhangtao.gitbooks.io/golang/content/ )点个回放,看个重播.因 ...

  8. Oracle启动操作

    转自:https://www.cnblogs.com/mellowsmile/p/4610942.html 1.启动oracle数据库: 从root切换到oracle用户进入:su - oracle ...

  9. Bootstrap框架介绍

    Bootstrap框架介绍 一.Bootstarp环境部署 1>.什么是Bootstartp框架 Bootstrap是Twitter开源的基于HTML.CSS.JavaScript的前端框架.它 ...

  10. MS Batch AI

    微软的Batch AI服务是一项新服务,它可以帮助你在GPU pool上训练和测试机器学习模型,包括深度学习模型.它简化了在当前许多流行的深度学习框架(如TensorFlow.Microsoft认知工 ...