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