vue访问外部url会被取消

Posted 2023-03-13

这是浏览器的同源策略，源可以理解为域名，只有相同域名内的资源才允许跨域请求，而Vue客户端页面是用localhost开头，只允许访问localhost:8080 开头的地址。

要想访问外部url，可以采用JSONP，CORS，代理等技术来解决。 参考技术A 不会，Vue只是一个前端框架，它不能访问外部URL。你可以使用AJAX或其他类似的技术来访问外部URL。 参考技术B Vue中访问外部URL会被浏览器取消，因为浏览器的同源策略，只允许同源的脚本访问外部URL。
解决方法：
1.使用JSONP：JSONP是一种跨域访问的技术，可以让浏览器访问不同源的资源，它通过动态创建script标签，并将src设置为外部URL，从而实现跨域访问。
2.使用CORS：CORS是一种跨域访问的技术，可以让浏览器访问不同源的资源，它通过在HTTP头部添加特定的字段，从而实现跨域访问。
3.使用代理：使用代理技术可以让浏览器访问不同源的资源，它通过在服务器端设置代理，从而实现跨域访问。