前后端分离项目nginx配置


安装nginx

在Centos下,yum源不提供nginx的安装。
首先安装必要的库(nginx 中gzip模块需要 zlib 库,rewrite模块需要 pcre 库,ssl 功能需要openssl库)。
gcc pcre zlib openssl可以不要求打开哪个路径

安装gcc gcc-c++

yum install -y gcc gcc-c++

安装pcre、pcre-devel

yum install -y pcre pcre-devel

安装zlib

yum install -y zlib zlib-devel

安装openssl

yum install -y openssl openssl-devel

安装nginx

一般安装在/usr/local/目录
cd /usr/local/

下载
wget http://nginx.org/download/nginx-1.14.2.tar.gz

解压
tar -zxvf nginx-1.14.2.tar.gz

进入nginx-1.14.2目录依次执行以下命令,进行编译安装
cd ./nginx-1.14.2
./configure
make
make install

编辑nginx.conf配置文件(详细配置)

    server {
    listen       端口号;
    server_name  ip地址;
    #charset koi8-r;
    location / {
            root  /usr/local/travel/dist/; #服务默认启动目录
            index  index.html index.htm; #默认访问文件
            try_files $uri $uri/ /index.html; #vue官方推荐方法,用于解决页面刷新404
    }    
    location /api/{ #需要代理的api地址
        proxy_pass http://IP地址:端口号/;
    }

vue项目上传

在vue项目里面先打开终端敲击命令,打包,会出现dist的打包的文件夹
npm run build

先cd /usr/local/
创建travel文件夹,cd travel
之后把dist文件夹上传

启动nginx

最后cd /usr/local/nginx/sbin
敲击命令
./nginx -s reload
重启nginx

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值