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

1. 将原项目中的node_modules文件删除,再在项目文件夹中执行npm install重新下载

2. 在项目的文件夹中使用npm run build生成dist文件,该文件下的index.html作为项目的根目录

3. 在自己项目的文件夹中执行npm run dev运行自己项目的代码

4. 下载phpstudy,并将phpstudy设置选项的允许目录列表勾选,否则可能会出现403访问错误

记一次windows+vue+apache+phpstudy的项目部署_第1张图片

5. 在上图中的端口常规设置中,设置自己的httpd端口,默认是80端口,再将网站目录设置成dist文件夹

6. apache的配置这里不说

7. 将站点域名管理中设置自己的网站目录的默认主页,再设置自己的网站域名

8. phpstudy会自动重启,重启完成后,基本上就部署完成了。

你可能感兴趣的:(个人总结)