Nginx部署静态网站

先后端分离项目，前端项目要单独部署到线上

前端以vue.js为例，代码clone或pull到服务器上，编译 npm run build ，此时生成 dist文件夹，既静态资源网站的根目录

此时配置nginx配置文件以下：

server {
    listen 80;
    server_name test.xxxx.com;
    location / {
        root  /home/zhangsan/www/XEditor/dist;
        index index.html;
    }
}

将根目录改到了本身的家目录下：/home/zhangsan/www

若是访问提示403 forbidden：这个问题是由于没有权限，通常状况是家目录没有权限，最暴力的方法就是把家目录的权限改为 777

chmod 777 /home/zhangsan