讲师中心 微信公众号
AI工具推荐 视频效率加速

phpEnv配置Nginx处理Vue/React打包文件 phpEnv前端部署

酷强吖_2375

酷强吖_2375

发布时间:2026-05-05 22:17:46

|

972人浏览过

|

来源于php中文网

原创

phpEnv 不内置 Nginx,仅默认集成 Apache;需手动下载、配置独立 Nginx 指向 Vue/React 的 dist 目录,并处理端口冲突、history 路由(try_files)、前端 publicPath 与 Nginx location 对齐,且两者进程完全独立,修改后须分别重启。

phpenv配置nginx处理vue/react打包文件 phpenv前端部署

phpEnv 本身不内置 Nginx,它默认用 Apache(httpd)作为 Web 服务器。想用 Nginx 处理 Vue/React 打包文件,必须手动替换或并行部署 Nginx——这不是“配置 phpEnv 的 Nginx”,而是绕过 phpEnv 自带的 Apache,独立启用 Nginx 并指向你的前端静态资源。

phpEnv 里根本没有 nginx.conf

phpEnv 是 Windows 下轻量级 PHP 环境套件,目录结构里只有 Apache24、php、mysql 等文件夹,没有 nginx 目录,也没有 nginx.conf。你在网上搜到的“phpEnv 配置 Nginx”教程,基本都是误传或混淆了环境(比如把 XAMPP、WAMP 或自建 Nginx 当成 phpEnv)。

  • 运行 phpenv.exe 启动后,实际监听的是 Apache 的 80/443 端口,不是 Nginx
  • 它的控制面板里所有“Web 服务”开关都只控制 Apache,点不动 Nginx(因为压根没装)
  • 试图在 phpEnv 安装目录里搜 nginx.exe 或 conf/nginx.conf —— 结果为空

想用 Nginx,就得自己下、自己配、自己避端口冲突

要让 Vue/React 的 dist/ 在 phpEnv 环境下跑起来且支持 history 路由,正确路径是:

Springboot Vue Builder
Springboot Vue Builder

从零开始编排 SpringBoot+Vue 全栈项目工作流,适用于新建全栈项目或完整脚手架请求,触发后依次调用 product‑spec‑builder(需求调研)等模块。

下载
  • 去 nginx.org 下载 Windows 版 ZIP 包(如 nginx/1.26.0),解压到任意路径(例如 D:\nginx)
  • 修改 D:\nginx\conf\nginx.conf,把 root 指向你的前端构建目录(如 D:/my-vue-project/dist),并确保有 try_files $uri $uri/ /index.html;
  • 检查端口:phpEnv 的 Apache 默认占 80 端口,Nginx 启动前要么停掉 Apache,要么改 Nginx 的 listen 8080
  • 双击 D:\nginx\nginx.exe 启动(或用命令行 start nginx),访问 http://localhost:8080 测试

publicPath 和 basename 必须跟 Nginx location 严格对齐

如果你把 Vue 项目部署在 Nginx 的子路径下(比如 location /admin/ { ... }),光改 Nginx 不够,前端也得同步适配:

立即学习“PHP免费学习笔记(深入)”;

  • Vue 项目:在 vue.config.js 中设 publicPath: '/admin/';React 项目:在 package.json 中设 "homepage": "/admin/"
  • Nginx 配置中,location /admin/ 的 root 不能直接写项目根目录,而应指向 dist 的父级,并用 alias 或调整 root + rewrite
  • 错误示范:root D:/my-vue-project/dist; + location /admin/ → 实际请求 /admin/js/app.xxx.js 会拼成 D:/my-vue-project/dist/admin/js/app.xxx.js,但文件其实在 D:/my-vue-project/dist/js/,404
  • 正确做法之一:location /admin/ { alias D:/my-vue-project/dist/; try_files $uri $uri/ /admin/index.html; }

真正容易被忽略的点是:phpEnv 和 Nginx 是两个独立进程,它们之间不通信、不共享配置、不自动 reload。你改了 nginx.conf,得手动 nginx -s reload;你改了 vue.config.js,得重新 npm run build;这两步漏任何一环,页面就白屏或资源 404——没有中间态,全是硬依赖。

相关文章

PHP速学教程(入门到精通)
PHP速学教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

相关标签:

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热门AI工具

更多
超级简历WonderCV

一款AI办公效率工具,主要用于免费求职简历模版下载制作,应届生职场人必备简历制作神器,适合需要提升相关任务效率的用户。

创客贴AI

创客贴AI是一款AI图像与设计工具,AI辅助的智能在线设计工具。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

UP简历
UP简历 Hot

一款AI办公效率工具,主要用于基于AI技术的免费在线简历制作工具,适合需要提升相关任务效率的用户。

PixPix
PixPix Hot

PixPix是一款面向电商视觉生产的AI商品图生成工具。

PixTV
PixTV Hot

PixTV是一款面向AIGC内容创作的AI视频生成工具。

二狗PPT
二狗PPT Hot

一款AI演示文稿工具,主要用于专为中式职场打造的AI PPT生成工具,适合需要提升相关任务效率的用户。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

相关专题

更多
python是前端还是后端
python是前端还是后端

Python属于前端也属于后端,其灵活性和丰富的生态系统使得开发人员能够在不同的领域中灵活运用。本专题为大家提供python相关的文章、下载、课程内容,供大家免费下载体验。

2863

2023.08.11

前端如何实现即时通讯
前端如何实现即时通讯

实现即时通讯的方法有WebSocket、Long Polling、Server-Sent Events、WebRTC等等。详细介绍:1、WebSocket,它可以在客户端和服务器之间建立持久连接,实现实时的双向通信,前端可以使用 WebSocket API来创建WebSocket连接,并通过发送和接收消息来实现即时通讯;2、Long Polling,是一种模拟实时通信的技术等等。

6223

2023.10.09

前端和后端的区别
前端和后端的区别

前端关注的是用户界面的设计和交互,而后端则注重数据处理和逻辑控制。想了解更多前端后端的相关内容,可以阅读本专题下面的文章。

7150

2024.03.19

php和前端的关联介绍
php和前端的关联介绍

php既可以作为前端语言,也可以作为后端语言。想了解更多php和前端的相关内容,可以阅读本专题下面的文章。

6958

2024.03.22

前端外包工作内容有哪些
前端外包工作内容有哪些

前端外包工作内容包括:1. 网站和应用程序开发;2. 用户界面和交互设计;3. 用户体验优化;4. 设计和视觉开发;5. 跨浏览器兼容性;6. 性能优化;7. 维护和更新;8. 项目管理和沟通。想了解更多前端的相关内容,可以阅读本专题下面的文章。

983

2024.05.22

php文件怎么打开
php文件怎么打开

打开php文件步骤:1、选择文本编辑器;2、在选择的文本编辑器中,创建一个新的文件,并将其保存为.php文件;3、在创建的PHP文件中,编写PHP代码;4、要在本地计算机上运行PHP文件,需要设置一个服务器环境;5、安装服务器环境后,需要将PHP文件放入服务器目录中;6、一旦将PHP文件放入服务器目录中,就可以通过浏览器来运行它。

12264

2023.09.01

php怎么取出数组的前几个元素
php怎么取出数组的前几个元素

取出php数组的前几个元素的方法有使用array_slice()函数、使用array_splice()函数、使用循环遍历、使用array_slice()函数和array_values()函数等。本专题为大家提供php数组相关的文章、下载、课程内容,供大家免费下载体验。

7101

2023.10.11

php反序列化失败怎么办
php反序列化失败怎么办

php反序列化失败的解决办法检查序列化数据。检查类定义、检查错误日志、更新PHP版本和应用安全措施等。本专题为大家提供php反序列化相关的文章、下载、课程内容,供大家免费下载体验。

2215

2023.10.11

DBeaver怎么导入数据
DBeaver怎么导入数据

DBeaver数据导入专题,整理Excel、CSV、SQL、TXT等常见文件的数据导入方法,涵盖目标数据库选择、数据表创建、字段映射、数据类型设置及导入参数配置等操作,帮助用户将本地文件中的数据写入数据库,并了解批量导入、重复数据处理和导入失败等常见问题的解决方法。

20

2026.11.05

热门下载

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

精品课程

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

共2课时 | 307人学习

phpEnv手册
phpEnv手册

共0课时 | 0人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn