phpEnv运行Vue+PHP前后端分离项目配置

浅婷君_2304

浅婷君_2304

2026-04-28

191人浏览

原创

phpenv是轻量级windows php集成环境,需手动配置web服务器以支持vue的history路由(如fallbackresource)和跨域(如add-response-header),并依赖日志排查问题。

phpenv运行vue+php前后端分离项目配置

phpEnv 是一个轻量级的 Windows PHP 集成环境(类似 phpStudy 但更精简),默认不带 Apache/Nginx 重写支持,也不自动处理 Vue 的 History 模式路由和跨域请求——这正是部署 Vue + PHP 前后端分离项目时最常卡住的两个点。

phpEnv 中 Vue 静态资源 404(尤其是 /xxx 路由)

Vue 使用 vue-router 的 history 模式时,访问 /about 会直接被 phpEnv 的内置 Web 服务器当作真实路径查找,而 dist 目录下根本没有 about.html,结果返回 404。

  • phpEnv 默认用的是 LightTPD 或精简版 Apache,不读取 .htaccess,所以 Apache 的 RewriteRule 配置无效
  • 必须手动修改 phpEnv 对应的 Web 服务器配置文件:如果是 LightTPD,编辑 phpenv\lighttpd\conf\lighttpd.conf;如果是 Apache,改 phpenv\apache\conf\httpd.conf
  • 在 <directory dist></directory> 块内加入:FallbackResource /index.html(LightTPD)或 DirectoryIndex index.html + AllowOverride All 并确保 mod_rewrite 已启用(Apache)
  • 改完重启 phpEnv 服务,否则不生效

Vue 开发时调用 PHP 接口报 CORS 错误

本地开发用 npm run serve 启动 Vue(端口如 5173),PHP 接口跑在 phpEnv 的 80 端口,浏览器判定为跨域,预检请求(OPTIONS)直接被拦,连 PHP 文件都进不去。

vue-composition-api-best-practices
vue-composition-api-best-practices

Vue 3 组合式 API 与

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
使用phpenv集成环境安装极致CMS
使用phpenv集成环境安装极致CMS

共2课时 | 298人学习

phpEnv手册
phpEnv手册

共0课时 | 0人学习