服务器部署vue项目

主要步骤：

1.安装

2.部署

1.安装

nginx下载地址：http://nginx.org/download/nginx-1.16.1.tar.gz

1.1安装前首先安装缺少的依赖包

1. #安装gcc-c++

2. yum install gcc-c++

3. #安装PCRE pcre-devel

4. yum install -y pcre pcre-devel

5. #安装zlib

6. yum install -y zlib zlib-devel

7. #安装Open SSL

8. yum install -y openssl openssl-devel

1.2解压安装

使用命令  tar -zxvf nginx-version.tar.gz  进行解压

使用mv命令移动文件并重命名  mv  nginx-version nginx /usr/local/nginx

使用cd命令进入nginx文件目录，后续可能会添加ssh模块，添加两个模块，如不需要直接执行./configure

/configure --with-http_stub_status_module --with-http_ssl_module

执行make，make install命令

make
make install

1.3默认配置文件启动

cd /usr/local/nginx/sbin

指定配置文件启动

./nginx -c  /usr/local/nginx/conf/nginx.conf        

2.部署 

1.打包vue项目

2.进入nginx配置文件，指定vue项目路径所在

3.项目使用代理，配置代理

2.1 进入nginx配置文件，指定vue目录

cd /usr/local/nginx/conf/

vim nginx.conf

  server {
        listen       80;
        server_name  localhost;

        #charset koi8-r;

        #access_log  logs/host.access.log  main;

        location / {
            root   /home/dist/;
            index  index.html index.htm;
			try_files $uri $uri/ /index.html;
        }

		 location /dev-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://127.0.0.1:8083/;
        }

 location /：#参数说明

        root ：#打包好的目录

        index: 

        try_files: $uri uri / /index.html     #指定重定页面       

 location /dev-api/： #路径包含dev-api的时候，使用指定地址

 proxy_pass http://127.0.0.1:8083/;  # 代理地址端口

                

2.2退出nginx配置文件进入sbin目录，重新加载配置文件，重新启动

 

./sbin/nginx -t     # 检查配置是否出现错误
./sbin/nginx -s reload # 重新加载配置文件
./sbin/nginx -s reopen # 重新启动nginx