Nginx Deployment Static Web site

Front-end Separation project, frontend project to be deployed separately to the line

Front end Take Vue.js as an example, code clone or pull to the server, compile NPM run build, at this time Build Dist folder, both static resource site root directory

Configure the Nginx configuration file at this time as follows:

server {    a;    server_name test.xxxx.com;     / {        root  /home/zhangsan/www/xeditor/dist;         Index index.html;}    }

Changed the root directory to its own home directory:/home/zhangsan/www

If the access prompt 403 Forbidden: This problem is because there is no permissions, the general situation is that the home directory does not have permissions, the most violent way is to change the permissions of the home directory to 777

chmod 777 /home/zhangsan

Nginx Deployment Static Web site