1. 将原项目中的node_modules文件删除,再在项目文件夹中执行npm install重新下载
2. 在项目的文件夹中使用npm run build生成dist文件,该文件下的index.html作为项目的根目录
3. 在自己项目的文件夹中执行npm run dev运行自己项目的代码
4. 下载phpstudy,并将phpstudy设置选项的允许目录列表勾选,否则可能会出现403访问错误

5. 在上图中的端口常规设置中,设置自己的httpd端口,默认是80端口,再将网站目录设置成dist文件夹
6. apache的配置这里不说
7. 将站点域名管理中设置自己的网站目录的默认主页,再设置自己的网站域名
8. phpstudy会自动重启,重启完成后,基本上就部署完成了。
本文介绍了一种前端项目的部署流程,包括清理依赖、重新安装、构建项目、设置服务器环境及域名等步骤,帮助开发者顺利完成前端应用上线。
1375

被折叠的 条评论
为什么被折叠?



