Nginx部署静态网站

Posted 2020-11-08 追风逐月

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

前端以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