记一次windows+vue+apache+phpstudy的项目部署

本文介绍了一种前端项目的部署流程,包括清理依赖、重新安装、构建项目、设置服务器环境及域名等步骤,帮助开发者顺利完成前端应用上线。

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会自动重启,重启完成后,基本上就部署完成了。

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值