vue.js - vue 打包后 nginx 服务端API请求跨域问题无法解决。
问题描述
我把vue打包传到服务端后 放在 www 子域名所指定的目录里。当我发起请求的时候要去请求 api 子域名所绑定的目录。这一请求就造成了跨域提示
然后我在nginx 里也配置了也无解。
也就是我请求 www.daimatu.cn/api/login/index ajax post 请求 转发到 api.daimatu.cn/api/login/index 去
我之前在 location / {} 和 location /api {} 里做了很多设置 都是网上百度来的,然后并没有用~!
然后我在我本的把请求的地址改为线上的,本地请求也没有问题!是通的能正常操作。我对比了下两边的请求头发现不一样!本地请求线上服务端 Request Method 是正常的GET POST 而我线上从 www 转到请求 api 的 Request Method 变成了 OPTIONS 而不是正常的 GET POST 等请求头 我也搜索找了设置 OPTIONS 怎么设置请求的时候跨域还是无法解决了!
如图上所示 变成了 options 了
我想请教下大伙 你们是如何配置的。我后端语言是PHP 不要叫我去设置更改PHP。我本地请求本地服务和线上服务都是通的正常的,只有线上www 转发请求 api 有问题。所以不用改程序。
Api 请求地址: http://api.daimatu.cn/api/log...Api 帐号: admin Api 密码: 123456Api 验证码: 1234求大伙 NGINX服务器请求我这个API过来 看下你们的配置。我已经折腾了半天也没有成功!!
问题解答
回答1:在location中作如下配置
add_header ’Access-Control-Allow-Origin’ ’*’;add_header ’Access-Control-Allow-Credentials’ ’true’;add_header ’Access-Control-Allow-Methods’ ’GET, POST, OPTIONS’;
然后重启nginx服务
service nginx reload
相关文章:
1. javascript - 使用JavaEE——SSH框架开发Web项目,如何使用CORS实现跨域请求?2. navicat for mysql 如何导出表的索引3. java - 微信退款,公账号向个人转账SSL验证失败4. django - python 2层文件夹导入5. javascript - 使用node multer如何上传文件到多台服务器?6. nginx - php-fpm更改默认端口后无法启动7. javascript - 用jq ajax可以获取不同域的数据吗?8. 读取音频文件并使用Java显示波形。9. 请问朱老师,如何配置url访问路由10. Mysql 组合索引最左原则的疑惑
![javascript - 用jq ajax可以获取不同域的数据吗?](http://www.haobala.com/attached/image/9.jpg)