vue的Axios跨域问题，以及如何使用jquery实现dom解析（爬虫）

最新推荐文章于 2023-04-04 12:07:41 发布

像一只小蜗牛

最新推荐文章于 2023-04-04 12:07:41 发布

阅读量582

点赞数 1

分类专栏： vue学习笔记文章标签：跨域问题 vue使用jquery 爬虫

本文链接：https://blog.csdn.net/ZPCrobot/article/details/109711532

版权

在Vue开发中，遇到跨域问题通常源于浏览器的同源策略限制。通过webpack配置proxyTable可以解决开发环境的跨域问题，代理匹配实际请求避免限制。另外，介绍了如何使用jQuery进行DOM解析，以便处理爬取的静态页面数据。

摘要由CSDN通过智能技术生成

背景

通过npm run dev。我们会把项目起在127.0.0.1下面。那么我们所有的请求的baseUrl默认都是这个。如果我们希望访问其他三方的网站，如果三方网站没有放开同源策略限制的话，我们将会遇到服务端跨域的问题。但是通常情况下我们遇到的都是浏览器的同源策略限制，如下图所示：
在这里插入图片描述

那么如何来解决这个跨域的问题？

我们可以通过webpack配置proxyTable来进行访问控制

devServer: {
   
    host: '127.0.0.1',
    port: 8090,
    proxy: {
   
      '/api':{
   
        target: 'https://item.xx.com',
        changeOrigin: true,
        pathRewrite: {
   
          '^/api': ''
        }
      },
      '/demo':{
   
        target: 'https://www.yy.com',
        changeOrigin: true,
        pathRewrite: {
   
          '^/demo': ''
        }