vue部署nginx

最新推荐文章于 2024-05-28 17:17:08 发布

m0_49654867

最新推荐文章于 2024-05-28 17:17:08 发布

阅读量170

点赞数

分类专栏： vue部署nginx

本文链接：https://blog.csdn.net/m0_49654867/article/details/111205363

版权

vue部署nginx 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

本文档详细介绍了在Linux环境下安装Nginx的步骤，包括安装必要的库文件、PCRE、Nginx的下载、编译和安装。接着展示了如何打包前端项目并部署到Nginx，通过修改Nginx配置文件实现项目访问和API代理。最后，提供了启动Nginx的方法。

摘要由CSDN通过智能技术生成

Nginx安装
一、安装编译工具及库文件
#yum -y install make zlib zlib-devel gcc-c++ libtool openssl openssl-devel
二、首先要安装 PCRE
1、下PCRE 安装包，下载地址： http://downloads.sourceforge.net/project/pcre/pcre/8.35/pcre-8.35.tar.gz

cd /usr/local/src/

wget http://downloads.sourceforge.net/project/pcre/pcre/8.35/pcre-8.35.tar.gz

2、解压安装包:
# tar zxvf pcre-8.35.tar.gz
3、进入安装包目录
# cd pcre-8.35
4、编译安装
# ./configure
# make && make install
5、查看pcre版本
# pcre-config –version

安装 Nginx
1、下载 Nginx，下载地址：https://nginx.org/en/download.html
# cd /usr/local/src/
# wget http://nginx.org/download/nginx-1.6.2.tar.gz

2、解压安装包
# tar zxvf nginx-1.6.2.tar.gz
3、进入安装包目录
# cd nginx-1.6.2
4、编译安装
# ./configure --prefix=/usr/local/webserver/nginx --with-http_stub_status_module --with-http_ssl_module --with-pcre=/usr/local/src/pcre-8.35
# make
# make install
5、查看nginx版本
# /usr/local/webserver/nginx/sbin/nginx –v

到此，nginx安装完成。
项目部署
1、打包
npm run build:prod –report
2、部署
把打包好的项目放入nginx中（我放入的文件夹为/usr/local/webserver/nginx/html）
3、修改环境变量
#vim /usr/local/webserver/nginx/conf/nginx.conf
worker_processes 1;

events {
worker_connections 1024;
}

http {
include mime.types;
default_type application/octet-stream;
sendfile on;
keepalive_timeout 65;

server {
    listen       8899;
    server_name  localhost;

            location / {
        root   /usr/local/webserver/nginx/html/dist;
                    try_files $uri $uri/ /index.html;
        index  index.html index.htm;
    }

            location /prod-api/{
                    proxy_set_header Host $http_host;
                    proxy_set_header X-Real-IP $remote_addr;
                    proxy_set_header REMOTE-HOST $remote_addr;
                    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
                    proxy_pass http://211.149.253.92:3000/;
            }

    error_page   500 502 503 504  /50x.html;

启动nginx
# /usr/local/webserver/nginx/sbin/nginx