以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
vue开发环境跨域配置详见https://www.jianshu.com/p/8bf06640ab4a
网友评论