背景
目前我们有的项目是前后端代码放在一起的,所以想要跑起来前端项目,不能通过npm run这种方式,需要现在本地把后端服务跑起来,然后再运行前端项目,才能调用相关接口。
项目目录
---app 后端代码
---views 前端代码
--- vue 前端页面
--- index.php 后端服务入口文件
.env后端服务配置文件
运行后端项目
如果是windows电脑的话,很简单可以下载PhpStudy简单配置一下,一键运行。然后在前端目录下,npm install run就可以了。 我这里主要说一下mac系统的,因为mac系统下面这个 PhpStudy 软件不支持,很多功能用不了,项目跑步起来。所以我就用了mac自带的nginx,php服务。 其中.env文件需要后端提供。 mac下面有时候服务运行的时候需要创建一些文件或者文件夹,在windows上面都没有问题,mac上面经常会碰到没有权限的问题,造成服务跑不起来,在mac上面给文件夹设置权限一定不要用右键设置读写的那种方式,一定要用命令去设置才会生效,比如:sudo chmod -R 0777 xxxx
配置mac nginx
在nginx目录下,/usr/local/etc/nginx 新建一个vhosts文件夹,之后新建一个.conf 的nginx配置文件.
写入配置信息,主要是root,让他的路径指向你的项目下面的index.php所在的文件夹
然后在命令行 直接运行Nginx命令就好了,接着再启动php-fpm命令就可以了。
如果还有其他项目,就添加server配置项就ok了。