Apache部署Vue操作手册

news/2025/2/26 0:01:20/

背景

本文介绍了如何在windows下使用apache web来部署前后端分离的应用(若依)。

1. 下载apache软件

下载地址:Apache VS17 binaries and modules download 下载时间很慢也可以在我这资源直接下载。

2. 将下载好的apache注册成服务

在cmd里以管理员的方式(必须)打开。输入下载后执行以下命令。

F:\Apache24\bin\httpd -k install -n apache

如图,有以下成功显示就安装成功了。

3. 修改配置文件

到软件目录打开conf文件夹里的httpd.conf配置文件,搜索Define SRVROOT,将这个改成你的软件安装目录,Define SRVROOT "你的目录"

改访问端口,默认80(浏览器输入localhost即可访问),改成其他端口就在这里进行修改,浏览器访问时候输入localhost:你设置端口,浏览器会显示it works。

4. 指定你放的前端打包文件

在配置文件里找个地方把这段内容放进去,这里的路径改成你前端打包文件的路径,这时候你打开服务(cmd输入services.msc)找到apache服务重启下该服务,进行重启,在浏览器里输入配置的域名就可以正常访问了。

DocumentRoot "F:/Apache24/dist"
<Directory "F:/Apache24/dist">Options Indexes FollowSymLinksAllowOverride AllRequire all granted
</Directory>

5. 如果是前后端分离项目需要开启前后端转发功能

操作完记得重启服务。(也可直接使用第七步的完整配置内容,注释还是要打开的)

首选先将下面两个功能模块前面的#去掉

LoadModule proxy_module modules/mod_proxy.so

LoadModule proxy_http_module modules/mod_proxy_http.so

<VirtualHost *:80># 设置字符集AddDefaultCharset UTF-8# 加入转发部分ProxyPass /prod-api/ http://localhost:8008/ProxyPassReverse /prod-api/ http://localhost:8008/</VirtualHost>

6. 如果你刷新页面需要重定向需要开启重定向功能

操作完记得重启服务。(也可直接使用第七步的完整配置内容,注释还是要打开的)

首选先将下面功能模块前面的#去掉

LoadModule rewrite_module modules/mod_rewrite.so

    <Directory "F:/Apache24/dist">AllowOverride NoneRequire all granted# 重写配置(处理单页应用的路由)RewriteEngine OnRewriteBase /RewriteRule ^index\.html$ - [L]RewriteCond %{REQUEST_FILENAME} !-fRewriteCond %{REQUEST_FILENAME} !-dRewriteRule . /index.html [L]</Directory>

 7. 完整的配置内容如下:

Listen 80
<VirtualHost *:80># 设置字符集AddDefaultCharset UTF-8ProxyPass /prod-api/ http://localhost:8008/ProxyPassReverse /prod-api/ http://localhost:8008/# 静态文件配置DocumentRoot "F:/Apache24/dist"<Directory "F:/Apache24/dist">AllowOverride NoneRequire all granted# 重写配置(处理单页应用的路由)RewriteEngine OnRewriteBase /RewriteRule ^index\.html$ - [L]RewriteCond %{REQUEST_FILENAME} !-fRewriteCond %{REQUEST_FILENAME} !-dRewriteRule . /index.html [L]</Directory># 错误页面配置ErrorDocument 500 /50x.htmlErrorDocument 502 /50x.htmlErrorDocument 503 /50x.htmlErrorDocument 504 /50x.html# 错误页面路径<Directory "F:/Apache24/dist/ruoyi-ui">ErrorDocument 500 /50x.html</Directory>
</VirtualHost>


http://www.ppmy.cn/news/1574920.html

相关文章

千字长文!最通俗易懂的Transformer模型架构详解!(图文并茂)

2017 年 Google 在论文《Attention Is All You Need》中提出 Transformer 模型架构&#xff0c;该架构是基于 Encoder-Decoder &#xff08;编码器-解码器&#xff09;的架构。作为当下最先进的深度学习架构之一&#xff0c;Transformer 被广泛应用于自然语言处理领域&#xff…

Github 2025-02-24 开源项目周报 Top15

根据Github Trendings的统计,本周(2025-02-24统计)共有15个项目上榜。根据开发语言中项目的数量,汇总情况如下: 开发语言项目数量Python项目9TypeScript项目5Jupyter Notebook项目1C++项目1Rust项目1HTML项目1JavaScript项目1Dify.AI: 开源的LLM应用程序开发平台 创建周期:…

TD时间差分算法

TD算法用来估计value-state 给定data/experiece of algorithm&#xff0c; TD算法&#xff1a; 其中TD error&#xff1a; δ t v ( s t ) − [ r t 1 γ v ( s t 1 ) ] v ( s t ) − v t ‾ \delta_t v(s_t) -[r_{t1} \gamma v(s_{t1})]v(s_t) - \overline{v_{t}} δ…

Android之APP更新(通过接口更新)

文章目录 前言一、效果图二、实现步骤1.AndroidManifest权限申请2.activity实现3.有版本更新弹框UpdateappUtilDialog4.下载弹框DownloadAppUtils5.弹框背景图 总结 前言 对于做Android的朋友来说&#xff0c;APP更新功能再常见不过了&#xff0c;因为平台更新审核时间较长&am…

云夹平台:一站式学习与生活效率工具

在数字化时代&#xff0c;高效管理知识、资源和日常事务成为现代人的核心需求。云夹平台正是这样一款集多功能于一体的智能工具&#xff0c;致力于为用户提供便捷、个性化的服务体验。无论你是学生、职场人士还是终身学习者&#xff0c;云夹都能成为你的得力助手。 1. 书签管理…

elasticsearch在windows上的配置

写在最前面&#xff1a; 上资源 第一步 解压&#xff1a; 第二步 配置两个环境变量 第三步 如果是其他资源需要将标蓝的文件中的内容加一句 xpack.security.enabled: false 不同版本的yaml文件可能配置不同&#xff0c;末尾加这个 xpack.security.enabled: true打开bin目…

什么是DeFi (去中心化金融)

DeFi (去中心化金融) 概述 &#x1f4b0; 1. DeFi 基础概念 1.1 什么是 DeFi&#xff1f; DeFi 是建立在区块链上的金融服务生态系统&#xff0c;它&#xff1a; 无需中心化中介开放且透明无需许可即可参与代码即法律 1.2 DeFi 的优势 开放性&#xff1a;任何人都可以参与…

AWS S3深度解析:十大核心应用场景与高可用架构设计实践

摘要&#xff1a;作为全球领先的对象存储服务&#xff0c;Amazon S3凭借其高扩展性、持久性和安全性&#xff0c;已成为企业云原生架构的核心组件。本文将深入探讨S3的典型技术场景&#xff0c;并揭秘其背后的架构设计逻辑。 一、AWS S3核心技术特性解析 Amazon Simple Storag…