Apache虚拟目录配置及vue-cli反向代理的设置方法

更新时间：2017年09月05日 09:50:21 作者：yy211zhu

本篇文章主要介绍了Apache虚拟目录配置及vue-cli反向代理的设置方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

配置需求来自于前后端分离。后台由于使用PHP或者Java，但是前端使用vue,React这些框架时怎么和后端有效的数据通信。反向代理是个很好的选择，虽然jsonp也可以，单并不好玩。

Apache配置虚拟目录

-实际上线项目需要通过域名来访问，比如http://www.xxx.com,但在本机上如何配置虚拟域名来访问本机的项目呢？

1.找到C:\Windows\System32\drivers\etc\hosts这个文件添加以下格式内容

127.0.0.1    www.mytest.com //你的虚拟域名

2.配置Apache项目目录

1.找到 \apache\conf\httpd.conf 这个文件，修改内容

# Virtual hosts
Include conf/extra/httpd-vhosts.conf （这行的注释#去掉）

2.找到\apache\conf\extra\httpd-vhosts.conf这个文件配置项目目录

<VirtualHost *:80>
  ##ServerAdmin webmaster@dummy-host.example.com
  DocumentRoot "C:/xampp/htdocs/mobileApp" ##你的后端项目目录
  ServerName www.mytest.com ##虚拟域名
  ##ServerAlias www.dummy-host.example.com
  ##ErrorLog "logs/dummy-host.example.com-error.log"
  ##CustomLog "logs/dummy-host.example.com-access.log" common
  <Directory "C:/xampp/htdocs/mobileApp"> 
    Options Indexes FollowSymLinks
    DirectoryIndex index.html index.php
    AllowOverride all
    Order allow,deny
    Allow from all
  </Directory>
</VirtualHost>

3.proxyTable代理配置，以vue-cli为例

  proxyTable: {
   '/api': {
    target: 'http://www.mytest.com/api',
    changeOrigin: true,
    pathRewrite: {
     '^/api': ''
    }
   }
  },

这样就可以实现跨域访问了。

示例：

  $.ajax({
        url: '/api/indexList.php',
        type: 'GET',
        success: function (data) {
          that.list = data.data;
          console.log(data);
        }
      })

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

Linux（CentOS）上配置 SFTP服务器
本篇文章主要介绍了Linux（CentOS）上配置 SFTP服务器。相比传统的 ftp 服务，SFTP 显得更加方便、安全，有兴趣的朋友可以了解一下。
2017-03-03
Linux内核参数配置与验证详细指南
在Linux系统运维和性能优化中,内核参数（sysctl）的配置至关重要,本文主要来聊聊如何配置与验证这些Linux内核参数,希望对大家有一定的帮助
2025-04-04
centos redhat系列对抗ddos之居家必备利器 banip.txt
本文可以用于redhat centos 系列 linux 系统的屏蔽多连接ip，具有抗ddos功能的代码。
2010-11-11
Apache SeaTunnel实现非CDC数据抽取实践记录
这篇文章主要介绍了Apache SeaTunnel实现非CDC数据抽取实践,主要介绍SeaTunnel 1.X在交管行业中的应用，以及其中如何实现从Oracle数据库把数据增量导入数仓这样一个具体的场景，需要的朋友可以参考下
2022-05-05
Linux内核的死锁检测工具—Lockdep的使用案例
文章主要介绍了Linux内核中的死锁问题,包括死锁的类型（递归死锁和AB-BA死锁）、lockdep模块的使用方法以及实际项目中的死锁案例,通过lockdep模块,可以有效地跟踪和调试死锁问题,帮助开发者快速定位和解决问题
2024-11-11
CentOS服务器离线部署DeepSeek用作AI本地知识库
本文介绍了如何在CentOS服务器离线部署DeepSeek用作AI本地知识库,首先,通过Ollama工具下载并安装DeepSeek模型,根据硬件配置选择合适的模型大小,然后使用Docker安装AnythingLLM,并提供了建立知识库的步骤,最后,对比了AnythingLLM、Dify和Open-WebUI的功能和适用场景
2025-02-02
服务器间如何实现scp免密文件传输
文章介绍了如何在本地电脑或源服务器上生成SSH密钥,并将其复制到远程服务器上,以实现免密码登录,此外,还介绍了如何使用SCP命令在本地和远程服务器之间传输文件
2025-02-02
快速解决linux下中文输入法问题
这篇文章主要介绍了linux下中文输入法问题及解决方案，本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
2020-07-07
Linux系统下netstat命令详细介绍
大家好，本篇文章主要讲的是Linux系统下netstat命令详细介绍，感兴趣的同学赶快来看一看吧，对你有帮助的话记得收藏一下，方便下次浏览
2021-12-12
Linux自动删除n天前日志及实例命令
这篇文章主要介绍了Linux自动删除n天前日志及实例命令,需要的朋友可以参考下
2018-10-10

Apache虚拟目录配置及vue-cli反向代理的设置方法

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具