axios 跨域

[烧包儿]

我之前发布了一个WCF服务到服务器，然后自己写了一个index.html网页，在网页中通过axios请求wcf数据。然后就出现两个问题：
1、 OPTIONS http://39.115.99.19/dataService.svc/GetData (anonymous function) @ axios.min.js:8e.exports @ .min.js:8e.exports @ axios.min.js:8
2、 XMLHttpRequest cannot load http://39.115.99.19/dataService.svc/GetData. Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access. The response had HTTP status code 405.
后来搜索是跨域问题，求解决

[izengjing]

挂代理 https://blog.csdn.net/izengjing/article/details/82963899

[槿畔]

出现跨域问题主要是因为你的后台数据跟你的前端页面域名不同域，跨域我们可以根据情况来进行不同的方法解决（跨域只能在开发中使用，打包后只要页面和后台同域就不存在跨域了，如果打包上传的域名和你服务器的后台不同域，那你就使用第四种）： 第一种JSONP跨域，设置dataType为jsonp，这种一般仅限于get请求，有一点定的局限性，推荐临时请求数据，不推荐开发使用。 第二种nginx代理，这个我就不多说了，我之前写过一篇关于nginx跨域的博客https://blog.csdn.net/qq_40513881/article/details/87627892推荐用于所有跨域 第三种proxy，推荐webpack脚手架使用，如vue2里面是proxyTable，vue3里面是proxy。 第四种关闭跨域，以nodejs为例设置res.header("Access-Control-Allow-Origin", "*"); ...and so on ...