nginx部署多个前端项目

本文用到的工具为xshell
1、将前端项目dist和nginxtest通过xftp上传到服务器

2、配置nginx.conf文件

[root@localhost conf]# vi nginx.conf
server {
        #启动后的端口
        listen       80;
        #启动时的地址
        server_name  192.xxx.xx.xxx;
        #编码（不是utf-8建议改一下，不然会报错乱码）
        charset utf-8;
        #访问日志
        #access_log  logs/host.access.log  main;

        location / {
            #nginx下html文件夹，上述域名会访问此文件夹下的文件
            root   html/nginxtest;
            try_files $uri $uri/ @router;
            index  index.html index.htm;
         }
        location /dist{
        alias /usr/local/nginx/html/dist;
        try_files $uri $uri/ /dist/index.html;
        index index.html index.htm;
}

3、浏览器输入对应网址
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210128145905610.png

![在这里插入图片描述](https://img-blog.csdnimg.cn/20210128145917837.png

成功