直接配置Apache需同时满足三点:DocumentRoot路径权限正确、Directory块中配置Require all granted、SPA项目启用mod_rewrite并设AllowOverride All,三者缺一不可。
能直接配,但默认配置会卡在 403 错误或路由刷新 404,核心是权限 +块的+ SPA 的重写规则三者缺一不可。
监听端口必须显式添加到
Apache 不会自动响应未声明的端口。只改
是没用的。
打开
找到
行,在其下方新增你要用的端口,比如:
确保端口未被其他程序占用(
可查)
Windows 防火墙若启用,需放行对应端口(否则本机可访问、局域网不可)
必须带
和正确
路径
即使端口开了,
对应目录若没显式授权,Apache 默认拒绝所有请求,返回 403。
编辑
每个
块里,
必须是绝对路径,结尾不加斜杠(
✅,
❌)
块内必须包含:
(旧版 Apache 2.2 用
+
,XAMPP 7.4+ 默认是 2.4,只认
)
别漏掉
这行——检查
里它前面有没有
Vue/React 等 SPA 必须加 URL 重写,否则刷新页面 404
前端
路由是客户端的,
这种路径 Apache 根本找不到对应文件,必须把所有非静态资源请求都 fallback 到
。
面向设计的AXUI前端框架表单
面向设计的AXUI前端框架表单是一款包含表格、列表、弹窗等的AXUI前端框架表单下载。
下载
立即学习
“
前端免费学习笔记(深入)
”;
在对应项目的
块内,加上:
在项目根目录(如
)新建
文件,内容为:
确保
中
已启用(去掉前面的
)
重启前务必验证配置语法,否则 Apache 启动失败
XAMPP 控制面板点 Start 没反应?大概率是某处拼写错误或路径不存在。
命令行进入
,执行:
输出
才代表配置无硬错
如果报错,例如
,说明 Apache 版本太低或模块未加载;
就去开
修改
文件不是必须项(
可直连),但加了自定义域名(如
)后,必须在
里加
最容易被忽略的是
和
的组合——没它,
根本不生效;而很多人只改了
却忘了在
里放开覆盖权限。
DocumentRootDirectoryRequire all grantedhttpd.confhttpd-vhosts.confC:\xampp\apache\conf\httpd.confListen 80Listen 8080Listen 8081netstat -ano | findstr :8080VirtualHostRequire all grantedDirectoryDocumentRootC:\xampp\apache\conf\extra\httpd-vhosts.confDocumentRootC:/xampp/htdocs/my-vue-appC:/xampp/htdocs/my-vue-app/Require all grantedOrder allow,denyAllow from allRequireInclude conf/extra/httpd-vhosts.confhttpd.conf#/user/profileindex.htmlDirectoryOptions FollowSymLinksAllowOverride AllC:\xampp\htdocs\my-vue-app.htaccessRewriteEngine On
RewriteBase /
RewriteRule ^index\.html$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.html [L]httpd.confLoadModule rewrite_module modules/mod_rewrite.so#C:\xampp\apache\binhttpd.exe -tSyntax OKInvalid command 'Require'Cannot load modules/mod_rewrite.somod_rewritehostslocalhost:8080app.localC:\Windows\System32\drivers\etc\hosts127.0.0.1 app.localAllowOverride All.htaccessRewriteRuleVirtualHostDirectory