需求
在vue单页应用开发中,如果为了省事PHP代码和vue代码都放在同一个GIT仓库中
那么如何进行vue前端代码和php Api 后端代码组织呢?
下面提供一个组织方式
项目目录结构
frontend
public
.gitignore
.travis.yml
application
build.php
composer.json
extend
LICENSE.txt
phpunit.xml
README.md
runtime
tests
think
thinkphp
vendor
其中
frontend 为vue前端项目目录
public 为php的web目录,index.php入口文件在这里,nginx也配置的是public
vue 配置
文件 frontend/config/index.js
module.exports = {
build: {
env: require('./prod.env'),
index: path.resolve(__dirname, '../../public/ui/index.html'),
assetsRoot: path.resolve(__dirname, '../../public/ui'),
assetsSubDirectory: 'static',
assetsPublicPath: '/ui/',
.........其他代码.......
},
前台访问
api接口为
http://appweb.dev/v1/api
访问/ui/即可
http://appweb.dev/ui/
需要注意的问题
public/ui 目录为前端项目build后的文件,不适宜纳入git管理
线上发布的通过CI&CD工具解决
目前适用于PHP项目的CI&CD工具有
Jenkins
Walle 瓦力上线部署系统
Piplin 持续集成与部署系统
相关文章
- thinkphp使用 utf-8版 UTFWry.dat 获得ip归属地 (0.516)
- Vue前端应用容器化打包示例 (0.484)
- iis安装php解压版无法连接mysql数据库解决办法 (0.032)
- nginx的php目录权限控制问题 (0.032)
- nginx搭配的php出现莫名其妙的502 bad gateway。 (0.032)
- PHP DDoS Bot 源码 (RANDOM - 0.032)