在nginx 服务器部署vue项目

npm run build

serve dist

server {
        listen   7000;
        server_name  www.renrenfastvue.com;

        #charset koi8-r;
        #access_log  logs/host.access.log  main;
        #项目的根目录
        root /usr/local/nginx/renren-fast-vue;

        #网站根入口
        location / {
            # 此处的 @router 实际上是引用下面的转发，否则在 Vue 路由刷新时可能会抛出 404
            try_files $uri $uri/ @router;
            # 请求指向的首页
            index index.html;
        }

        # 由于路由的资源不一定是真实的路径，无法找到具体文件
        # 所以需要将请求重写到 index.html 中，然后交给真正的 Vue 路由处理请求资源
        location @router {
                rewrite ^.*$ /index.html last;
        }
}

vi /usr/local/nginx/conf/nginx.conf
在nginx.conf中http块导入文件的指令
include ./vhost/renren-fast-vue.conf

检查语法：nginx -t
启动：nginx
重启：nginx -s reload
停止：nginx -s stop

检查nginx 监听的端口是否启动成功：netstat -anp|grep nginx
测试renren-fast-vue的首页是否可以访问：curl -I http://127.0.0.1:7000/