Vue 跨域问题处理

小小江

于 2020-04-23 16:12:28 发布

阅读量142

点赞数 1

CC 4.0 BY-SA版权

分类专栏： Vue

本文链接：https://blog.youkuaiyun.com/sphbst/article/details/105710268

Vue 专栏收录该内容

5 篇文章

订阅专栏

本文介绍如何在webpack.dev.config.js中设置代理，通过修改proxy属性实现跨域请求。具体步骤包括：在config/index.js的dev配置中添加proxyTable，设置目标URL为'http://t.weather.sojson.com'，并进行路径重写；在main.js中引入代理到Vue原型；最终实现在开发环境中无缝使用API。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

查看webpack.dev.config.js中 proxy属性值的指向
打开config文件夹下的 index.js 在dev中添加 proxyTable

proxyTable: {
      '/sojson': {
        target: 'http://t.weather.sojson.com',
        pathRewrite: {
          '^/sojson': ''
        },
        changeOrigin: true
      }
    }

在这里插入图片描述
3. 在main.js中将代理引入Vue原型

4. 使用