宝塔面板部署vue项目到nginx
时间: 2023-09-23 13:11:24 浏览: 381
在nginx上部署vue项目(history模式)的方法
5星 · 资源好评率100%
您可以按照以下步骤将Vue项目部署到Nginx上:
1. 首先确保您的Vue项目已经完成构建,生成了`dist`文件夹。
2. 登录到您的宝塔面板,并选择需要部署的网站。
3. 在网站设置中,找到并点击“Web服务”选项。
4. 在“反向代理”栏目下,点击“添加反向代理”。
5. 在弹出的窗口中,填写以下信息:
- 目标URL:http://localhost:8080 (假设您的Vue项目运行在本地的8080端口)
- 目标主机:127.0.0.1
- 目标端口:8080
6. 点击“添加”,然后保存设置。
7. 返回到网站设置页面,找到“网站目录”,将其改为Vue项目的`dist`文件夹路径。
8. 点击“保存”进行保存设置。
9. 现在您的Vue项目已经部署到了Nginx上。可以通过访问您的网站域名来查看效果。
请注意,这只是将Vue项目部署到Nginx上的一种方法,您还可以使用其他方法进行部署,如通过配置Nginx的`nginx.conf`文件来实现。具体方法可以根据您的需求和环境进行调整。
阅读全文