工作踩坑-前后端代码在一起,如何运行前端项目

914 阅读1分钟

背景

目前我们有的项目是前后端代码放在一起的,所以想要跑起来前端项目,不能通过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配置文件.

image.png 写入配置信息,主要是root,让他的路径指向你的项目下面的index.php所在的文件夹

image.png 然后在命令行 直接运行Nginx命令就好了,接着再启动php-fpm命令就可以了。 如果还有其他项目,就添加server配置项就ok了。