以vue项目上线请求聚合api接口为例,网站和网站之间请求数据是浏览器所不允许的,浏览器会认为这是不安全的行为,所以这就涉及到跨域。
打开网站/www/server/apache/conf文件夹的httpd.conf文件,把这几行代码前面的注释删掉
在文件后面加上这些代码,代码根据具体的接口自行修改
#反向代理
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里面写法不变
上传打包的代码到服务器,请求成功
vue开发环境跨域配置详见https://www.jianshu.com/p/8bf06640ab4a