Nginx下配置Vue项目

1、配置选择：

• Linux系统：Centos 6.5 x64
• Nginx版本：1.7.8

2、安装nginx：

cd /usr/local
//下载nginx
wget http://nginx.org/download/nginx-1.7.8.tar.gz
cd nginx-1.7.8
make
make install

3、开启nginx服务：

/usr/local/nginx-1.7.8/sbin/nginx

重启或关闭进程：

/usr/local/nginx-1.7.8/sbin/nginx -s reload

/usr/local/nginx-1.7.8/sbin/nginx -s stop

4、关闭防火墙：

service iptables stop

5、修改配置文件：

usr/local/nginx-1.7.8/conf/nginx.conf

server {
    listen 80;//监听80端口
    server_name www.yangkunxiao.cn;   //项目对应域名
    location /{
     root /data/www/dist;     //项目存放路径
     try_files $uri $uri/ /index.html;    //vue项目配置history模式
     index index.html index.htm;    //项目首页名称
     #proxy_pass http://127.0.0.1:8080;   //域名对应URL，这个URL对应的就是http://m.horace.space，可通过域名直接访问
    }
    location /assets/{//配置资源文件夹
        root /usr/;//资源文件夹路径
        autoindex on;
    }
 }

7、多个项目配置多个service即可
6、重启即可