基础架构系列篇-NGINX部署VUE_nginx 部署vue架构图

作者：小蓝xlanll | 2024-05-13 17:54:09

踩

nginx 部署vue架构图

1. 本地打包VUE

	cnpm run build 或 npm run build
1

	上传dist目录的index.html与static文件夹到nginx的html目录
1

在这里插入图片描述

打开nginx.conf
vim conf/nginx.conf
可修改listen的端口与server_name的域名或地址IP
1
2
3

在这里插入图片描述

./sbin -s reload

打开服务器端口8090外网访问
1

浏览器访问 服务器IP:8090
1

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/小蓝xlanll/article/detail/564790