vue项目上线apache反向代理配置跨域

以vue项目上线请求聚合api接口为例，网站和网站之间请求数据是浏览器所不允许的，浏览器会认为这是不安全的行为，所以这就涉及到跨域。
打开网站/www/server/apache/conf文件夹的httpd.conf文件，把这几行代码前面的注释删掉

 

image.png

 

image.png

 

在文件后面加上这些代码，代码根据具体的接口自行修改

 

配置代码.png

#反向代理
ProxyRequests Off
ProxyPass /api http://v.juhe.cn/toutiao/index
ProxyPassReverse /api http://v.juhe.cn/toutiao/index
 
#80为apache的监听端口
<proxy  http://193.112.55.205:80>
    AllowOverride None
    Order Deny,Allow
    Allow from all
</proxy>

在vue里面写法不变

 

image.png

上传打包的代码到服务器，请求成功

 

成功.png

作者：前端来入坑
链接：https://www.jianshu.com/p/fb44d4070101
来源：简书
简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。