本文用到的工具为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
成功