Vue-Element-Admin,官网,我觉得是个挺好的后台模板。代码写完以后，到底怎么部署到服务器，网上真没有找到一个准确的说法。现在我整理一个，希望你按照这个流程能够顺利部署。

系统

服务器是 Centos 7
web 服务器是 Nginx

安装 Nginx

过程在这里

项目build

假设服务器的 IP 是 8.8.8.8。

如果想用 http://8.8.8.8/访问这个后台

需要在项目/config/index.js,找到assetsPublicPath，设置如下样子

build: {
   ***
    assetsPublicPath: '/', // If you are deployed on the root path, please use '/'
}

如果想用 http://8.8.8.8/admin/ 访问后台

需要在项目/config/index.js,找到assetsPublicPath，设置如下样子

build: {
   ***
    assetsPublicPath: '/admin/', // If you are deployed on the root path, please use '/'
}

build

如果用的是 vue-admin-template 模板，运行 npm run build 进行 build。完成之后，build 的文件在根目录 dist 下面。

上传到服务器

在服务器新建/data 文件夹，如果想用 http://8.8.8.8 访问，把 dist 下所有文件包括目录拷贝到 /data 下。如果想用 http://8.8.8.8/admin/ 访问，把 dist 下的所有文件上传到 /data/admin 下面。

设置 Nginx

先备份 nginx 自带的配置，cp /etc/nginx/nginx.conf nginx.conf.bak。打开配置文件sudo vim /etc/nginx/nginx.conf,找到 server部分，把里面的设置都注释，修改成如下

# 用 http://8.8.8.8/ 访问
server {
        location / {
                root /data;
        }
    }

或者

# 用 http://8.8.8.8/admin/ 访问
server {
        location /admin/ {
                root /data;
        }
    }

注意问题

访问后台的URL http://8.8.8.8/admin/, 后面的 /不能少。否则不会匹配 nginx.conf 中设置的 location /admin/