当我们写好一个前端练手项目之后,想要在服务器上部署,以便于让别人查看我们的项目,这时候我们可以使用宝塔面板+nginx来发布我们的项目;
(具体的服务器购买/宝塔面板安装等等就不再过多讲解,不懂的小伙伴可以看看具体的教程~)
1. 上传打包好的项目文件夹
- 打开宝塔面板的软件商店;
- 找到nginx软件,点击右侧黄色的文件夹;
- 进入到nginx文件夹目录后,打开html文件夹;
- 将打包好的dist文件夹上传到html文件夹目录下;
- 将dist文件夹改成其他名字,比如demo;
2. 配置nginx
- 在上述nginx文件夹目录下,打开conf;
- 在conf文件夹下找到nginx.conf并打开;
在server{...}
中的最后添加如下代码:location /demo { root demo; index index.html index.htm; }
- 保存之后重启nginx!!
3. 完成!
- 假如你的服务器地址为123.123.11.12,则访问
http://123.123.11.12/demo
即可进入查看你的项目啦~ - 之后想要部署更多项目如上再次操作即可