如何将Vue项目成功部署到服务器并避免常见坑点？

本文共计651个文字，预计阅读时间需要3分钟。

目录+需求+过程+1. 首先确定需要将vue项目进行打包+2. 将dist文件上传至服务器+3. 使用Nginx进行配置+遇到问题+nginx服务器404错误原因+404 Not Found+nginx服务器500错误原因+500 Internal Server Error

目录

• 需求
• 过程
• 1、首先，肯定需要将vue的项目进行打包
• 2、将dist文件上传到服务器
• 3、使用Nginx配置
• 踩坑
• nginx服务器404错误的原因 404 Not Found
• nginx服务器500错误的原因 500 Internal Server Error
• nginx反向代理
• 总结

需求

前后端完成项目后，需要部署到本地的服务器上。

第一次部署，以下是从0开始慢慢学着弄的详细过程

过程

1、首先，肯定需要将vue的项目进行打包

npm run build ，打包成功后，会出现dist文件夹

这时候你可以先试试打开dist文件夹下的index.html能不能显示页面。如果可以，直接跳到第二步。如果和我一样打开后没页面，是空白页的。可以试试下面的操作。