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

最新推荐文章于 2024-11-24 23:30:00 发布

原创

最新推荐文章于 2024-11-24 23:30:00 发布 · 668 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#跨域问题 #vue使用jquery #爬虫

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

背景

通过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': ''
        }