越来越多的网站用Vue开发。

最近这个项目，用antdv开发了一个简单的前端页面，需要部署在麒麟系统上。电脑不能上网，所以不能用apt安装nginx。

一、安装nginx

方案：下载源码编译

下载地址：http://nginx.org/en/download.html

下载最新稳定版的.tar.gz包即可

1、解压

切到nginx包目录，运行命令：

tar -zxvf  nginx-1.xx.x.tar.gz

2、编译

用cd命令进入nginx目录（1.xx.x是版本号）：

cd nginx-1.xx.x

配置并编译：

./configure --prefix=/home/xxxx/nginx

make && make install

配置一个安装路径

3、我的电脑很顺序就编译成功了，可能是我电脑事先安装了openssl和pcre的缘故：

openssl安装包：https://www.openssl.org/source/

pcre安装包：https://ftp.pcre.org/pub/pcre/

二、编写配置文件

官方有给的模板，“conf”文件夹里的“nginx.conf”文件

基本的配置文件内容如下：

# 报错没权限，是因为缺少下面这一句
user root;

events {
    worker_connections   1024;
}

http {
    # 报错css样式没生效，是因为缺少下面这个配置
    # 文件mime.types所在以目录，包里就有，不必另外下载
    include /xx/xx/xx/mime.types;
    server {
        # 端口
        listen       80;
        # 域名或者ip，客户机访问用的
        server_name  localhost;
        location / {
            # vue打包好的dist所在的目录
            root  /xx/xx/xx;
            # 指定首页，上述目录下的文件
            index index.html index.htm;
        }
    }
}

三、刷新页面报404

解决办法1：

        location / {
            # vue打包好的dist所在的目录
            root  /xx/xx/xx;
            # 指定首页，上述目录下的文件
            index index.html index.htm;
            # 解决办法1
            if (!-e $request_filename) {
                rewrite ^(.*)$ /index.html?s=$1 last;
                break;
            }
        }

解决办法2：

        location / {
            # vue打包好的dist所在的目录
            root  /xx/xx/xx;
            # 指定首页，上述目录下的文件
            index index.html index.htm;
            # 解决办法2
            try_files $uri $uri/ /index.html;
        }

四、启动服务

 1、用上述配置文件启动：

./xx/xx/nginx -C /xx/xx/xx/xx.conf

注意nginx和conf文件都得是全路径

2、其他命令：

（1）停止：

./xx/xx/nginx -s stop

（2）退出：

./xx/xx/nginx -s quit

（3）重启：

./xx/xx/nginx -s reopen

（4）重新加载配置文件

./xx/xx/nginx -s reload

（5）查看帮助

./xx/xx/nginx -s -h

我这边很顺利启动了服务

参考文章：

https://blog.csdn.net/qq_31407255/article/details/86409829

https://www.cnblogs.com/tec-dream/p/12087887.html