前后端分离项目，前端项目要单独部署到线上
前端以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
Nginx部署静态网站
原文地址：https://www.cnblogs.com/xbblogs/p/9089922.html