• 阿里云使用Nginx部署vue项目


    阿里云使用Nginx部署vue项目

    Linux工具:

    Linux安装软件的有很多种方法;
    yum
    rpm
    源码安装
    apt
    等等…(详细内容请自行百度)
    其中apt和rpm是linux系统本身就拥有的。
    使用这些工具进行安装

    安装nginx

    有好几种方法 你晓得吧 有的是按照服务的形式进行安装,有的是进行文件解压缩直接运行相应的启动文件,我觉得用这种比较好,之前在window下就是使用这样的形式,配置起来比较方便,
    这哥们博客蛮棒的

    Nginx官方下载地址 http://nginx.org/en/download.html

    1)为了编译nginx源代码,需要标准的GCC(GNU Compiler Collection)编译器(用来处理c语言,现在可以处理包含Java,C++等语言)。

    2)需要Automake工具,完成自动创建Makefile的工作,不需要可以不下载

    3)由于Nginx需要依赖其他三方库,所以需要pcre库(支持rewrite模块)zlib(支持gzip模块)、openssl库(支持ssl模块 有的已经自带了)
    (1.)安装pcre依赖库(http://www.pcre.org/)

    sudo apt-get update
    sudo apt-get install libpcre3 libpcre3-dev
    

    (2.)安装zlib依赖库(http://www.zlib.net

    sudo apt-get install zlib1g-dev
    

    (选)安装SSL依赖库(16.04默认已经安装了 没有的再装)

    sudo apt-get install openssl
    

    (选)安装gcc g++的依赖库 (有的可能没有,可以在报错的时候再装)

    sudo apt-get install build-essential
    
    sudo apt-get install libtool
    
    #下载最新版本:
    wget http://nginx.org/download/nginx-1.9.3.tar.gz
    #解压:
    tar -zxvf nginx-1.9.3.tar.gz
    #进入解压目录:
    cd nginx-1.9.3
    #配置:
    ./configure --prefix=/usr/local/nginx 
    #编译:
    make
    #安装:
    sudo make install
    #进入/nginx/sbin启动:
    ./nginx
    
    #查看进程:
    ps -ef | grep nginx
    
    重启命令
    
    ./nginx -s reload
    

    我们使用的是默认配置 所以重启nginx后 直接访问我们的ip 就会直接进入nginx的欢迎页

    上传自己的文件:

    建议找一个地方直接新建一个文件 当做自己文件目录,然后将在nginx.config里面 将目录指过去,
    前边文章里面写了 MobaXterm 工具:的使用,连接上之后左边显示文件 直接将自己的vue项目打包传上去
    重启nginx
    OK

    重要解释:

    现在基本上就是配置完成了,因为就可以进行访问了,不是很难吧,但是就是,就是你在自己的阿里云上边安装完成nginx 然后使用阿里云的默认配置直接代理跑起来,然后在我们的nginx的配置文件里面进配置,把你的项目直接跑起来,其实使用nginx基础配置就是配置文件nginx.conf的修改,后边要详解这个文件,相应的配置作用也会相应的解释。
    Ubuntu的安装可以看看这个https://blog.csdn.net/weixin_38023551/article/details/86574118

    一个阿里云配置多个项目

    配置多个项目https://www.cnblogs.com/sxdtzhaoxinguo/p/13901211.html

    总结:

    在配置nginx的时候建议新建一个文件夹,将nginx的目录指过去,重启nginx服务,访问就可以直接展示你的项目了。

  • 相关阅读:
    前端学HTTP之重定向和负载均衡
    前端学HTTP之Web主机托管
    前端学HTTP之内容协商
    前端学HTTP之字符集
    前端学HTTP之实体和编码
    前端学HTTP之安全HTTP
    前端学HTTP之摘要认证
    前端学HTTP之基本认证
    前端学HTTP之客户端识别和cookie
    前端学HTTP之网关、隧道和中继
  • 原文地址:https://www.cnblogs.com/tcz1018/p/14148647.html
Copyright © 2020-2023  润新知