本文介绍了如何在3分钟内将前端项目（如Vue.js应用）部署到Nginx服务器。首先，下载并运行Nginx，然后修改vue.config.js文件，通过npm run build打包项目，并将dist文件夹内容复制到Nginx的webapp目录。接着，配置nginx.conf文件，设置location以支持多项目部署和端口代理。最后，使用nginx -s reload命令使更改生效。
前端项目部署到服务器的几种方式:前端项目部署到nginx。
下载Nginx
以windows版为例，下载niginx压缩包并解压到任意目录，双击nginx.exe，在浏览器中访问http://localhost，如果出现Welcome to nginx!页面则说明成功。
nginx常用命令如下：
部署项目到Nginx根目录
对于vue-cli创建的项目，修改vue.config.js文件（位于项目根目录下，没有的话自行创建）
在vue项目根目录中使用命令npm run build创建输出文件，将dist文件夹下的所有内容复制到nginx目录下的webapp/内（没有的话自行创建）。
修改nginx目录中的conf/nginx.conf文件，在 http -> server 节点中，修改location节的内容：
2997
1559
396
2917
422
7993
2万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
最低0.47元/天 解锁文章
扫一扫
