phpEnv运行Vue+PHP项目配置 phpEnv前后端分离环境搭建-php教程-PHP中文网

phpenv 中运行 vue+php 项目需前后端分离部署：vue 先构建到 www/myapp/ 目录并配置 publicpath 和 .htaccess（apache）或 alias（nginx），php 接口置于同目录下以避免跨域；务必重启 apache 并验证路径匹配。

phpenv运行vue+php项目配置 phpenv前后端分离环境搭建

phpEnv 是 Windows 下轻量级的 PHP 集成环境（类似 phpStudy 但更精简），它本身不带 Node.js 或 Vue 开发服务器，所以直接“运行 Vue+PHP 项目”其实是个误解——Vue 前端必须先 npm run build 成静态文件，再由 phpEnv 的 Apache/Nginx 托管；PHP 后端则独立提供接口。前后端分离的本质没变，只是部署在同一台本地机器上。

phpEnv 中 Vue 静态文件怎么放才不 404

phpEnv 默认网站根目录是 www（路径如 C:\phpenv\www），不能直接把整个 Vue 项目源码扔进去，必须先构建：

在 Vue 项目根目录执行 npm run build（或 yarn build），生成 dist 文件夹
把 dist 里所有内容（index.html、js/、css/ 等）复制到 C:\phpenv\www\myapp\（不要只复制 dist 文件夹本身）
确保能通过 http://localhost/myapp/ 访问到首页；如果打开空白或报错，检查浏览器控制台是否加载了 /myapp/js/app.xxx.js —— 路径前缀必须匹配子目录名

若用 Vue Router history 模式，需手动配置 Apache 的 .htaccess（phpEnv 默认启用 mod_rewrite）：

RewriteEngine On<br>RewriteBase /myapp/<br>RewriteRule ^index\.html$ - [L]<br>RewriteCond %{REQUEST_FILENAME} !-f<br>RewriteCond %{REQUEST_FILENAME} !-d<br>RewriteRule . /myapp/index.html [L]

PHP 接口和 Vue 怎么共存又不跨域

开发阶段用代理（如 Vue CLI 的 vue.config.js 中 devServer.proxy）只是临时方案；生产环境要真·同域，就得让接口路径和前端在同一个域名下：

vue-component-analyzer

递归分析 Vue 项目组件依赖，从入口文件生成组件层级图，支持 Vue 2/3，输出组件名、文件路径和属性。适用于分析组件结构、排查依赖或了解项目架构。

下载

把 PHP 接口文件（如 api/login.php）放在 C:\phpenv\www\myapp\api\ 目录下
Vue 前端代码中请求写成相对路径：axios.post('/api/login.php', {...})，而不是 http://localhost:8000/api/login
这样浏览器发起的请求实际是 http://localhost/myapp/api/login.php，和前端同源，CORS 自然消失
注意：PHP 文件里不需要加 header('Access-Control-Allow-Origin: *')，加了反而可能干扰某些预检请求

phpEnv 的 Apache 配置要注意 rewrite 和 index 顺序

phpEnv 的 Apache 配置文件（C:\phpenv\apache\conf\httpd.conf）默认开启 mod_rewrite，但容易忽略两点：

AllowOverride All 必须在对应 <directory></directory> 区块内启用，否则 .htaccess 不生效
DirectoryIndex 要包含 index.html，否则访问 /myapp/about 时不会 fallback 到 index.html：
DirectoryIndex index.html index.php
修改后必须重启 phpEnv 的 Apache 服务（点托盘图标 → “Restart Apache”），仅刷新浏览器无效
如果用 Nginx 模式（phpEnv 支持切换），配置位置在 C:\phpenv\nginx\conf\nginx.conf，对应 location 块要写：
```
location /myapp/ {<br>  alias C:/phpenv/www/myapp/;<br>  try_files $uri $uri/ /myapp/index.html;<br>}
```